feat: Implement core Discord features including members list, direct messages, user presence, authentication, and chat UI.

Frontend/Electron/src/pages/Chat.jsx

@@ -9,6 +9,7 @@ import FriendsView from '../components/FriendsView';
 import MembersList from '../components/MembersList';
 import ChatHeader from '../components/ChatHeader';
 import { useToasts } from '../components/Toast';
+import { PresenceProvider } from '../contexts/PresenceContext';
 
 const Chat = () => {
     const [view, setView] = useState('server');
@@ -230,25 +231,37 @@ const Chat = () => {
         );
     }
 
+    if (!userId) {
+        return (
+            <div className="app-container">
+                <div style={{ flex: 1, display: 'flex', alignItems: 'center', justifyContent: 'center', color: '#b9bbbe' }}>
+                    Loading...
+                </div>
+            </div>
+        );
+    }
+
     return (
-        <div className="app-container">
-            <Sidebar
-                channels={channels}
-                activeChannel={activeChannel}
-                onSelectChannel={handleSelectChannel}
-                username={username}
-                channelKeys={channelKeys}
-                view={view}
-                onViewChange={setView}
-                onOpenDM={openDM}
-                activeDMChannel={activeDMChannel}
-                setActiveDMChannel={setActiveDMChannel}
-                dmChannels={dmChannels}
-                userId={userId}
-            />
-            {renderMainContent()}
-            <ToastContainer />
-        </div>
+        <PresenceProvider userId={userId}>
+            <div className="app-container">
+                <Sidebar
+                    channels={channels}
+                    activeChannel={activeChannel}
+                    onSelectChannel={handleSelectChannel}
+                    username={username}
+                    channelKeys={channelKeys}
+                    view={view}
+                    onViewChange={setView}
+                    onOpenDM={openDM}
+                    activeDMChannel={activeDMChannel}
+                    setActiveDMChannel={setActiveDMChannel}
+                    dmChannels={dmChannels}
+                    userId={userId}
+                />
+                {renderMainContent()}
+                <ToastContainer />
+            </div>
+        </PresenceProvider>
     );
 };