Update connection cards and version to 0.5.1

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>

src/static/webssh.js

@@ -450,16 +450,18 @@ function renderConnectionList() {
     item.onclick = () => selectConnection(conn.id);
     item.innerHTML = `
       <div class="connection-heading">
-        <div class="connection-name">${conn.name}</div>
+        <div class="connection-title-row">
+          <div class="connection-name">${conn.name}</div>
+          <div class="host-status ${conn.hostStatus === true ? 'up' : conn.hostStatus === false ? 'down' : 'checking'}">
+            Host: ${conn.hostStatus === true ? 'Up' : conn.hostStatus === false ? 'Down' : 'Checking...'}
+          </div>
+        </div>
         <div class="connection-load" title="Remote Linux load average">Load: ${loadText}</div>
       </div>
       <div class="connection-info">
         <span class="connection-status ${conn.connected ? 'connected' : 'disconnected'}"></span>
         ${conn.username}@${conn.host}:${conn.port}
       </div>
-      <div class="host-status ${conn.hostStatus === true ? 'up' : conn.hostStatus === false ? 'down' : 'checking'}">
-        Host: ${conn.hostStatus === true ? 'Up' : conn.hostStatus === false ? 'Down' : 'Checking...'}
-      </div>
       <div class="connection-actions" onclick="event.stopPropagation()">
         ${conn.connected 
           ? `<button class="btn-small btn-disconnect" onclick="disconnectConnection('${conn.id}')">Disconnect</button>`