feat: add latency to member card

public/script.js

@@ -163,6 +163,10 @@ function displayClusterMembers(members) {
                         <div class="member-status ${statusClass}">
                             ${statusIcon} ${statusText}
                         </div>
+                        <div class="member-latency">
+                            <span class="latency-label">Latency:</span>
+                            <span class="latency-value">${member.latency ? member.latency + 'ms' : 'N/A'}</span>
+                        </div>
                     </div>
                     <div class="expand-icon">▶️</div>
                 </div>

public/styles.css

@@ -261,6 +261,28 @@ p {
     border: 1px solid rgba(244, 67, 54, 0.5);
 }
 
+.member-latency {
+    font-size: 0.85rem;
+    margin-top: 0.5rem;
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+}
+
+.latency-label {
+    color: rgba(255, 255, 255, 0.7);
+    font-weight: 500;
+}
+
+.latency-value {
+    color: #ecf0f1;
+    font-weight: 600;
+    background: rgba(0, 0, 0, 0.3);
+    padding: 0.2rem 0.5rem;
+    border-radius: 4px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+
 .loading {
     text-align: center;
     padding: 2rem;