UI: Wrap tickert detail UI into 3 card sections for ease of seperation

ticket.php

@@ -240,8 +240,8 @@ if (isset($_GET['ticket_id'])) {
             </li>
             <li class="breadcrumb-item active">Ticket Details</li>
         </ol>
-
-        <div class="row mb-3">
+        <div class="card card-body">
+            <div class="row">
                 <div class="col-9">
                     <h3><i class="fas fa-fw fa-life-ring text-secondary mr-2"></i>Ticket <?php echo "$ticket_prefix$ticket_number"; ?> <?php echo $ticket_status_display; ?></h3>
                 </div>
@@ -272,11 +272,13 @@ if (isset($_GET['ticket_id'])) {
                     </div>
                 <?php } ?>
             </div>
+        </div>
 
         <div class="row">
 
-            <div class="col-md-9">
             
+            <div class="col-md-9">
+                <div class="card card-body">
                     <div class="card card-outline card-primary mb-3">
 
                         <div class="card-header">
@@ -543,8 +545,10 @@ if (isset($_GET['ticket_id'])) {
                     ?>
 
                 </div>
+            </div>
        
             <div class="col-md-3">
+                <div class="card card-body">
 
                     <!-- Client card -->
                     <div class="card card-body card-outline card-primary mb-3">
@@ -920,7 +924,9 @@ if (isset($_GET['ticket_id'])) {
                     </div>
 
                 </div>
+            </div>
 
+        </div> <!-- row -->
     </div>
 
 <?php