fix(ui): compact user panel with status icon and room indicator

public/index.html

@@ -39,8 +39,11 @@
       <div class="me">
         <div class="avatar" id="me-avatar">?</div>
         <div class="me-meta">
-          <input id="nick" maxlength="24" spellcheck="false" title="Nickname" />
-          <span id="voice-status">not connected</span>
+          <input id="nick" maxlength="24" spellcheck="false" title="Click to edit nickname" />
+          <div class="status-row" id="status-row" title="Not connected">
+            <span class="status-indicator" id="status-dot"></span>
+            <span id="voice-status">Disconnected</span>
+          </div>
         </div>
       </div>
       <div class="user-buttons">
@@ -96,6 +99,6 @@
 
 <div id="toasts"></div>
 
-<script src="app.js?v=9"></script>
+<script src="app.js?v=10"></script>
 </body>
 </html>