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

web/src/components/MemberList.tsx

@@ -6,6 +6,8 @@ import { usePresenceStore } from "../stores/presence.ts";
 import type { UserStatus } from "../stores/auth.ts";
 import { MemberContextMenu } from "./MemberContextMenu.tsx";
 import { useConversationStore } from "../stores/conversation.ts";
+import { useLayoutStore } from "../stores/layout.ts";
+import { useNavigate } from "react-router-dom";
 
 function statusIcon(status: UserStatus): string {
   switch (status) {
@@ -53,7 +55,10 @@ function MemberRow({ member }: { member: Member }) {
   const currentUser = useAuthStore((s) => s.user);
   const userPerms = useServerStore((s) => s.userPermissions);
   const activeServerId = useServerStore((s) => s.activeServerId);
+  const setActiveServer = useServerStore((s) => s.setActiveServer);
   const createConversation = useConversationStore((s) => s.createConversation);
+  const setDM = useLayoutStore((s) => s.setDM);
+  const navigate = useNavigate();
 
   const canKick = userPerms?.kick_members ?? false;
   const canBan = userPerms?.ban_members ?? false;
@@ -79,9 +84,16 @@ function MemberRow({ member }: { member: Member }) {
           canKick={canKick}
           canBan={canBan}
           canMute={canMute}
-          onMessage={() => {
-            createConversation([member.id]);
-            setMenuOpen(false);
+          onMessage={async () => {
+            try {
+              const conv = await createConversation([member.id]);
+              setMenuOpen(false);
+              setActiveServer(null);
+              setDM(true);
+              navigate(`/dm/${conv.id}`);
+            } catch (err) {
+              console.error("Failed to start DM:", err);
+            }
           }}
           onKick={(_reason) => {
             fetch(`/api/v1/servers/${activeServerId}/members/${member.id}`, { method: "DELETE", credentials: "include" })