sync: phase 1 backend + frontend from server

web/src/App.tsx

@@ -7,6 +7,7 @@ import { BotManager } from './components/BotManager.tsx';
 import { CommandManager } from './components/CommandManager.tsx';
 import { RoleManager } from './components/RoleManager.tsx';
 import { JoinServer } from './components/JoinServer.tsx';
+import { DMChat } from './components/DMChat.tsx';
 import { useAuthStore } from './stores/auth.ts';
 
 function ProtectedRoute({ children }: { children: React.ReactNode }) {
@@ -109,6 +110,8 @@ function App() {
         >
           <Route index element={<ChatArea />} />
           <Route path="channels/:channelId" element={<ChatArea />} />
+          <Route path="dm/:conversationId" element={<DMChat />} />
+          <Route path="dm" element={<DMChat />} />
         </Route>
       </Routes>
     </BrowserRouter>