return to Home on sign out

gadget-code/frontend/src/App.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect, createContext, useContext } from 'react';
-import { BrowserRouter, Routes, Route, Navigate, useNavigate } from 'react-router-dom';
+import { Routes, Route, Navigate, useNavigate } from 'react-router-dom';
 import { User } from './lib/api';
 import { socketClient } from './lib/socket';
 import Header from './components/Header';
@@ -60,6 +60,7 @@ export function useAppContext(): AppContextType {
 }
 
 export default function App() {
+  const navigate = useNavigate();
   const [user, setUser] = useState<User | null>(null);
   const [currentProject, setCurrentProject] = useState<string | null>(null);
   const [loading, setLoading] = useState(true);
@@ -92,6 +93,7 @@ export default function App() {
     setUser(null);
     setCurrentProject(null);
     socketClient.disconnect();
+    navigate('/');
   };
 
   const handleSetCurrentProject = (slug: string | null) => {
@@ -109,7 +111,6 @@ export default function App() {
 
   return (
     <AppContext.Provider value={{ user, currentProject, setCurrentProject: handleSetCurrentProject, onSignOut: handleSignOut }}>
-      <BrowserRouter>
         <div className="h-screen flex flex-col bg-bg-primary">
           <Header user={user} onSignOut={handleSignOut} />
           <main className="flex-1 flex overflow-hidden">
@@ -144,7 +145,6 @@ export default function App() {
           </main>
           <StatusBar projectSlug={currentProject} />
         </div>
-      </BrowserRouter>
     </AppContext.Provider>
   );
 }

gadget-code/frontend/src/main.tsx

@@ -1,10 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
+import { BrowserRouter } from 'react-router-dom';
 import App from './App';
 import './index.css';
 
 ReactDOM.createRoot(document.getElementById('root')!).render(
   <React.StrictMode>
+    <BrowserRouter>
       <App />
+    </BrowserRouter>
   </React.StrictMode>
 );