fix: repair invite links, social features, messaging + Discord UI overhaul

Phase 1 - Feature Repair:
- Fix member kick/leave: add missing db.delete() call in servers.ts
- Stabilize invite codes: return existing code instead of regenerating
- Fix user search: use LIKE instead of exact match in social.ts
- Wire DM button on FriendsPage to create/navigate to DM channels
- Add cancel outgoing friend request (DELETE endpoint + frontend)
- Add accept/decline friend request actions with WS real-time events
- Fix replyToId persistence in message creation
- Hydrate reactions and replyTo in message queries
- Add joinByCode to API client and serverStore
- Add friend_request_received/accepted WebSocket events

Phase 2 - Discord UI Overhaul:
- Remove stray borders between layout columns
- Replace shadow-sm with shadow-header on content headers
- Replace all bg-gray-*/text-gray-* with Discord color tokens
- Ensure flat color contrast (#1E1F22, #2B2D31, #313338)

Testing:
- Set up vitest + @testing-library/react + jsdom
- Add 17 tests across InviteModal, JoinServer, FriendsPage (all passing)
- Fix vite resolve.extensions to prefer .tsx over stale .js files

packages/web/src/hooks/useLiveKit.ts

@@ -21,6 +21,7 @@ export interface ParticipantInfo {
   isMuted: boolean;
   isCameraOn: boolean;
   isScreenSharing: boolean;
+  isLocal: boolean;
   audioTrack: MediaStreamTrack | null;
   videoTrack: MediaStreamTrack | null;
   screenTrack: MediaStreamTrack | null;
@@ -50,7 +51,7 @@ export function useLiveKit() {
 
     const allParticipants: ParticipantInfo[] = [];
 
-    const processParticipant = (p: Participant) => {
+    const processParticipant = (p: Participant, isLocal: boolean) => {
       const { userId, username } = parseIdentity(p.identity);
       let audioTrack: MediaStreamTrack | null = null;
       let videoTrack: MediaStreamTrack | null = null;
@@ -76,14 +77,15 @@ export function useLiveKit() {
         isMuted: !p.isMicrophoneEnabled,
         isCameraOn: p.isCameraEnabled,
         isScreenSharing: p.isScreenShareEnabled,
+        isLocal,
         audioTrack,
         videoTrack,
         screenTrack,
       });
     };
 
-    processParticipant(r.localParticipant);
-    r.remoteParticipants.forEach(processParticipant);
+    processParticipant(r.localParticipant, true);
+    r.remoteParticipants.forEach((p) => processParticipant(p, false));
 
     setParticipants(allParticipants);
   }, []);
@@ -95,8 +97,7 @@ export function useLiveKit() {
 
     setIsConnecting(true);
     try {
-      const { token } = await api.livekit.token(channelId);
-      const livekitUrl = 'wss://nova.ddns.net/livekit';
+      const { token, url } = await api.livekit.token(channelId);
 
       const newRoom = new Room({
         adaptiveStream: true,
@@ -118,7 +119,7 @@ export function useLiveKit() {
         setParticipants([]);
       });
 
-      await newRoom.connect(livekitUrl, token);
+      await newRoom.connect(url, token);
       await newRoom.localParticipant.enableCameraAndMicrophone();
 
       roomRef.current = newRoom;