fix: small UI fixes

Author: tech4242

frontend/src/components/LogTable/LogRow.vue

@@ -23,7 +23,7 @@
             <td class="px-4 py-3 text-left text-sm text-gray-900 dark:text-gray-100 font-mono truncate">
               {{ messageSummary }}
             </td>
-            <td class="px-4 py-3 text-left w-20 text-sm text-gray-500 dark:text-gray-400 font-mono">
+            <td class="px-4 py-3 text-left w-32 text-sm text-gray-500 dark:text-gray-400 font-mono">
               {{ log.traffic_type || 'N/A' }}
             </td>
             <td class="px-4 py-3 text-left w-48 text-sm text-gray-500 dark:text-gray-400">

frontend/src/components/LogTable/LogTable.vue

@@ -22,7 +22,7 @@
             <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider">
               Message
             </th>
-            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-20">
+            <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-32">
               Traffic
             </th>
             <th class="px-4 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider w-48">

frontend/src/components/MessageDetail/MessageDetailModal.vue

@@ -42,6 +42,12 @@
                     <span class="text-gray-500 dark:text-gray-400">Type:</span>
                     <MessageTypeBadge :type="messageType" class="ml-2" />
                   </div>
+                  <div>
+                    <span class="text-gray-500 dark:text-gray-400">Traffic:</span>
+                    <span class="ml-2 font-mono text-gray-900 dark:text-gray-100">
+                      {{ logStore.selectedLog.traffic_type || 'N/A' }}
+                    </span>
+                  </div>
                   <div>
                     <span class="text-gray-500 dark:text-gray-400">Source:</span>
                     <span class="ml-2 font-mono text-gray-900 dark:text-gray-100">

frontend/src/utils/messageParser.js

@@ -62,7 +62,7 @@ export function formatDate(timestamp) {
   const day = date.getDate().toString().padStart(2, '0')
   const month = (date.getMonth() + 1).toString().padStart(2, '0')
   const year = date.getFullYear()
-  return `${day}:${month}:${year}`
+  return `${day}/${month}/${year}`
 }
 
 export function getMessageSummary(message) {