feat: add SMTP email support and fix profile/permissions bugs

web/src/components/Layout.tsx

@@ -3,6 +3,7 @@ import { Link, Outlet, useLocation, useNavigate } from 'react-router-dom';
 import { useAuthStore, type UserStatus } from '../stores/auth.ts';
 import { useWebSocketStore } from '../stores/ws.ts';
 import { useServerStore } from '../stores/server.ts';
+import { useLayoutStore } from '../stores/layout.ts';
 import { ServerBar } from './ServerBar.tsx';
 import { ChannelList } from './ChannelList.tsx';
 import { ConversationList } from './ConversationList.tsx';
@@ -29,7 +30,6 @@ export function Layout() {
   const isAuthenticated = useAuthStore((state) => state.isAuthenticated);
   const isLoading = useAuthStore((state) => state.isLoading);
   const user = useAuthStore((state) => state.user);
-  const fetchMe = useAuthStore((state) => state.fetchMe);
   const logout = useAuthStore((state) => state.logout);
   const updateProfile = useAuthStore((state) => state.updateProfile);
   const wsConnect = useWebSocketStore((s) => s.connect);
@@ -38,14 +38,14 @@ export function Layout() {
   const navigate = useNavigate();
   const location = useLocation();
   const [showStatusMenu, setShowStatusMenu] = useState(false);
-  const [dmMode, setDmMode] = useState(false);
+  const isDM = useLayoutStore((s) => s.isDM);
+  const setDM = useLayoutStore((s) => s.setDM);
   const [showServerSettings, setShowServerSettings] = useState(false);
   const activeServerId = useServerStore((s) => s.activeServerId);
   useEffect(() => {
-    fetchMe();
     wsConnect();
     return () => { wsDisconnect(); };
-  }, [fetchMe, wsConnect, wsDisconnect]);
+  }, [wsConnect, wsDisconnect]);
   useEffect(() => {
     if (!isLoading && !isAuthenticated && location.pathname !== '/login') {
       navigate('/login', { replace: true });
@@ -120,9 +120,9 @@ export function Layout() {
         <div className="flex-1 flex min-h-0">
           <div className="flex flex-col items-center w-16 bg-gb-bg-h border-r border-gb-bg-t py-2 gap-2 shrink-0">
             <button
-              onClick={() => setDmMode(false)}
+              onClick={() => setDM(false)}
               className={`w-11 h-11 flex items-center justify-center font-mono text-xs border rounded ${
-                !dmMode
+                !isDM
                   ? 'bg-gb-bg-t text-gb-orange border-gb-orange'
                   : 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t'
               }`}
@@ -132,11 +132,11 @@ export function Layout() {
             </button>
             <button
               onClick={() => {
-                setDmMode(true);
+                setDM(true);
                 setActiveServer(null);
               }}
               className={`w-11 h-11 flex items-center justify-center font-mono text-xs border rounded ${
-                dmMode
+                isDM
                   ? 'bg-gb-bg-t text-gb-orange border-gb-orange'
                   : 'bg-gb-bg-s text-gb-fg border-gb-bg-t hover:border-gb-fg-t'
               }`}
@@ -146,7 +146,7 @@ export function Layout() {
             </button>
           </div>
           <ServerBar />
-          {dmMode ? <ConversationList /> : <ChannelList />}
+          {isDM ? <ConversationList /> : <ChannelList />}
           <div className="flex-1 min-w-0 flex flex-col">
             <div className="flex-1 min-h-0 flex flex-col overflow-hidden">
               <VoicePanel />
@@ -155,7 +155,7 @@ export function Layout() {
               </div>
             </div>
           </div>
-          {!dmMode && <MemberList />}
+          {!isDM && <MemberList />}
         </div>
         {showServerSettings && activeServerId && (
           <ServerSettingsModal serverId={activeServerId} onClose={() => setShowServerSettings(false)} />