feat: voice status visibility + sidebar persistence fixes

- Add WebSocket voice_status/voice_status_update events so mute/deafen
  icons are visible in the sidebar without joining the voice channel
- Server tracks voiceUserStates and includes them in the ready payload
- Re-register voice channel on WebSocket reconnect to prevent sidebar
  users from disappearing after idle timeout
- Re-broadcast deafen state to late joiners via LiveKit data channel
- Fix black grid tile when video stops (enabled-flag guards)
- Remove duplicate mute/deafen from VoiceControls (replaced with
  Video Quality + Noise Suppression)
- Fix missing users in sidebar voice list (identity matching + fallback)

packages/web/src/hooks/useWebSocket.ts

@@ -16,7 +16,7 @@ function handleEvent(event: ServerEvent): void {
   const { setUser } = useAuthStore.getState();
   const { populateFromReady, loadServerDetail, currentServerId, updateMemberPresence, addMember, removeMember } = useServerStore.getState();
   const { addMessage, updateMessage, removeMessage, setTyping, onReactionAdded, onReactionRemoved } = useChatStore.getState();
-  const { addVoiceUser, removeVoiceUser, clearAllVoiceUsers, setVoiceUsers } = useVoiceStore.getState();
+  const { addVoiceUser, removeVoiceUser, clearAllVoiceUsers, setVoiceUsers, setVoiceUserStatus, clearVoiceUserStatus } = useVoiceStore.getState();
 
   switch (event.type) {
     case 'ready':
@@ -45,6 +45,21 @@ function handleEvent(event: ServerEvent): void {
           setVoiceUsers(channelId, userIds);
         }
       }
+      // Populate voice user statuses (mute/deafen) from server
+      if (event.voiceUserStates) {
+        for (const [uid, status] of Object.entries(event.voiceUserStates)) {
+          setVoiceUserStatus(uid, status.isMuted, status.isDeafened);
+        }
+      }
+      // Re-register in voice channel if we're still connected to LiveKit
+      // (WebSocket reconnect causes server to drop our voice tracking)
+      {
+        const { currentVoiceChannelId, isMuted: curMuted, isDeafened: curDeafened } = useVoiceStore.getState();
+        if (currentVoiceChannelId) {
+          wsSend({ type: 'voice_join', channelId: currentVoiceChannelId });
+          wsSend({ type: 'voice_status', isMuted: curMuted, isDeafened: curDeafened });
+        }
+      }
       break;
 
     case 'message_created':
@@ -78,9 +93,14 @@ function handleEvent(event: ServerEvent): void {
         addVoiceUser(event.channelId, event.userId);
       } else {
         removeVoiceUser(event.channelId, event.userId);
+        clearVoiceUserStatus(event.userId);
       }
       break;
 
+    case 'voice_status_update':
+      setVoiceUserStatus(event.userId, event.isMuted, event.isDeafened);
+      break;
+
     case 'member_joined':
       addMember(event.member);
       break;