Contact Form : comment pourrais-je afficher les messages envoyés

alors, je bloque à ce niveau ! je veux bien savoir comment je pourrais cliquer sur une ligne de ce tableau générer, est une page ou un dialogue box (modal) s'affichera avec le contenu du ligne (nom, email, message)

<?php 
//fichier messages.ajx.php
session_start(); 
if(!isset($_SESSION['id_admin'])) {
    header('Location: ../../admin/login.php');
    exit();
}

//including the database connection file
require_once("../../config/dbconnect.php");
 
//récupérer PROPREMENT les variables AVANT de les utiliser
$id = !empty($_POST['id']) ? $_POST['id'] : NULL;

$result=array(); // tableau de sorti.
 
if($id){ 
  $sql = "SELECT * FROM contact_form WHERE id='$id'";
  if(!$result=mysqli_query($connect, $sql)){
    echo("Error : " . mysqli_error($connect));
  }
   
  //on créé un array avec toutes les données issues de la requête 
  while($row = $result->fetch_array(MYSQLI_ASSOC)){
    $result[] = $row;
    
  }
}else{
  $result['error'] = "No id !";
}

//on retourne l'array en json
echo json_encode($result);
?>

<div id="dialog-form" style="display: none"></div>

echo "<td><button class="open_dialog" data-id='".$id."'>Ouvrir</button></td>";

 $(function () {
    $("#dialog").dialog({
        autoOpen: false,
        modal: true,
        title: "Message",
        buttons: {
            Close: function () {
                $(this).dialog('close');
            }
        }
    });
    $(".open_dialog").click(function () {
        var urlAjx = "messages.ajx.php";   // Fichier ajax PHP
        var id = $(this).data('id');
        $.ajax({
            type: "POST",
            url: urlAjx,
            data: {id:id},
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (r) {
                var contentDialog;
                contentDialog += "<span>"+r.id+"</span>"; 
                contentDialog += "<span>"+r.nom+"</span>"; 
                contentDialog += "<span>"+r.email+"</span>"; 
                contentDialog += "<span>"+r.message+"</span>"; 
                $("#dialog").html(contentDialog);
                $("#dialog").dialog("open");
            }
        });
    });
});

  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>