feat: Optimize WebRTC pipeline for 60fps screen sharing

- Implemented 'Overdrive' logic to force high bitrates on Chrome
- Fixed 'Auto' preset to default to stable 720p60
- Added persistent 'Triple-Kick' hammer to prevent bitrate throttling
- Fixed sidebar connection status sync
- Added comprehensive diagnostic logger

packages/web/src/components/ui/UserProfilePopout.js

@@ -3,17 +3,16 @@ import { useNavigate } from 'react-router-dom';
 import { Avatar } from '../ui/Avatar';
 import { api } from '../../api/client';
 import { useServerStore } from '../../stores/serverStore';
-import { useChatStore } from '../../stores/chatStore';
+import { useUIStore } from '../../stores/uiStore';
 export function UserProfilePopout({ user, onClose, position }) {
     const navigate = useNavigate();
     const addDmChannel = useServerStore((s) => s.addDmChannel);
-    const setCurrentChannel = useChatStore((s) => s.setCurrentChannel);
     const displayName = user.displayName ?? user.username;
     const handleSendMessage = async () => {
         try {
             const channel = await api.dm.create({ userId: user.id });
             addDmChannel(channel);
-            setCurrentChannel(channel.id);
+            useUIStore.getState().setShowDms(true);
             onClose();
             navigate(`/channels/@me/${channel.id}`);
         }