fix: resolve LiveKit voice/video stability issues

- Guard Disconnected/ConnectionStateChanged event handlers against stale rooms:
  old room events no longer nuke the new room's state (root cause of buttons
  failing, mute getting stuck, DUPLICATE_IDENTITY cascades)
- Reset media state (isMuted/isCameraOn/isScreenSharing) on connect to prevent
  desync after reconnects
- Add voiceStates to WS ready payload so users see who's in voice on page load
- Wire VoiceControls buttons to check getActiveRoom() before SDK calls
- Guard ChannelSidebar against re-joining the same voice channel
- Switch LIVEKIT_URL to wss://nova.ddns.net/livekit for HTTPS secure context
  (required for getUserMedia in Safari)

packages/web/src/hooks/useWebSocket.js

@@ -3,6 +3,7 @@ import { useAuthStore } from '../stores/authStore';
 import { useServerStore } from '../stores/serverStore';
 import { useChatStore } from '../stores/chatStore';
 import { useVoiceStore } from '../stores/voiceStore';
+import { useSocialStore } from '../stores/socialStore';
 let globalWs = null;
 let reconnectAttempts = 0;
 let reconnectTimer;
@@ -20,6 +21,14 @@ function handleEvent(event) {
             if (currentServerId) {
                 loadServerDetail(currentServerId);
             }
+            // Populate voice channel state so users see who's in voice on load
+            if (event.voiceStates) {
+                const vs = event.voiceStates;
+                const { setVoiceUsers } = useVoiceStore.getState();
+                for (const [channelId, userIds] of Object.entries(vs)) {
+                    setVoiceUsers(channelId, userIds);
+                }
+            }
             break;
         case 'message_created':
             addMessage(event.message.channelId, event.message);
@@ -59,6 +68,16 @@ function handleEvent(event) {
         case 'reaction_removed':
             onReactionRemoved(event.messageId, event.userId, event.emoji);
             break;
+        case 'friend_request_received': {
+            const { addIncomingRequest } = useSocialStore.getState();
+            addIncomingRequest(event.request);
+            break;
+        }
+        case 'friend_request_accepted': {
+            const { addFriendFromAccepted } = useSocialStore.getState();
+            addFriendFromAccepted(event.friend, event.requestId);
+            break;
+        }
         case 'error':
             console.error('WebSocket error:', event.message);
             break;