Enhance aircraft details display to match dump1090 format

- Add country lookup from ICAO hex codes with flag display
- Implement UTC clocks and last update time indicators
- Enhance aircraft table with ICAO, squawk, and RSSI columns
- Add color-coded RSSI signal strength indicators
- Fix calculateDistance returning string instead of number
- Accept all SBS-1 message types for complete data capture
- Improve data merging to preserve country and registration

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

static/css/style.css

@@ -27,6 +27,75 @@ body {
     border-bottom: 1px solid #404040;
 }
 
+.clock-section {
+    flex: 1;
+    display: flex;
+    justify-content: center;
+}
+
+.clock-display {
+    display: flex;
+    gap: 2rem;
+}
+
+.clock {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.clock-face {
+    position: relative;
+    width: 60px;
+    height: 60px;
+    border: 2px solid #00a8ff;
+    border-radius: 50%;
+    background: #1a1a1a;
+}
+
+.clock-face::before {
+    content: '';
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    width: 4px;
+    height: 4px;
+    background: #00a8ff;
+    border-radius: 50%;
+    transform: translate(-50%, -50%);
+    z-index: 3;
+}
+
+.clock-hand {
+    position: absolute;
+    background: #00a8ff;
+    transform-origin: bottom center;
+    border-radius: 2px;
+}
+
+.hour-hand {
+    width: 3px;
+    height: 18px;
+    top: 12px;
+    left: 50%;
+    margin-left: -1.5px;
+}
+
+.minute-hand {
+    width: 2px;
+    height: 25px;
+    top: 5px;
+    left: 50%;
+    margin-left: -1px;
+}
+
+.clock-label {
+    font-size: 0.8rem;
+    color: #888;
+    text-align: center;
+}
+
 .header h1 {
     font-size: 1.5rem;
     color: #00a8ff;
@@ -227,6 +296,12 @@ body {
 .type-badge.ga { background: #ffff00; }
 .type-badge.ground { background: #888888; color: #ffffff; }
 
+/* RSSI signal strength colors */
+.rssi-strong { color: #00ff88; }
+.rssi-good { color: #ffff00; }
+.rssi-weak { color: #ff8c00; }
+.rssi-poor { color: #ff4444; }
+
 .stats-grid {
     display: grid;
     grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -288,21 +363,65 @@ body {
 }
 
 .aircraft-popup {
-    min-width: 200px;
+    min-width: 300px;
+    max-width: 400px;
 }
 
-.aircraft-popup .flight {
-    font-weight: bold;
+.popup-header {
+    border-bottom: 1px solid #404040;
+    padding-bottom: 0.5rem;
+    margin-bottom: 0.75rem;
+}
+
+.flight-info {
     font-size: 1.1rem;
-    margin-bottom: 0.5rem;
-    color: #00a8ff;
+    font-weight: bold;
 }
 
-.aircraft-popup .details {
+.icao-flag {
+    font-size: 1.2rem;
+    margin-right: 0.5rem;
+}
+
+.flight-id {
+    color: #00a8ff;
+    font-family: monospace;
+}
+
+.callsign {
+    color: #00ff88;
+}
+
+.popup-details {
+    font-size: 0.9rem;
+}
+
+.detail-row {
+    margin-bottom: 0.5rem;
+    padding: 0.25rem 0;
+}
+
+.detail-grid {
     display: grid;
     grid-template-columns: 1fr 1fr;
-    gap: 0.25rem;
-    font-size: 0.9rem;
+    gap: 0.5rem;
+    margin: 0.75rem 0;
+}
+
+.detail-item {
+    display: flex;
+    flex-direction: column;
+}
+
+.detail-item .label {
+    font-size: 0.8rem;
+    color: #888;
+    margin-bottom: 0.1rem;
+}
+
+.detail-item .value {
+    font-weight: bold;
+    color: #ffffff;
 }
 
 @media (max-width: 768px) {