vibe coded v1

src/App.tsx

@@ -7,16 +7,19 @@ import { Dump } from "./pages/Dump.tsx";
 import { DumpCreate } from "./pages/DumpCreate.tsx";
 import { DumpEdit } from "./pages/DumpEdit.tsx";
 import { UserLogin } from "./pages/UserLogin.tsx";
-import { UserProfile } from "./pages/UserProfile.tsx";
+import { UserPublicProfile } from "./pages/UserPublicProfile.tsx";
 import { UserRegister } from "./pages/UserRegister.tsx";
 
 import { AuthProvider } from "./contexts/AuthProvider.tsx";
+import { WSProvider } from "./contexts/WSProvider.tsx";
+import { useAuth } from "./hooks/useAuth.ts";
 
 import "./App.css";
 
-function App() {
+function AppRoutes() {
+  const { token } = useAuth();
   return (
-    <AuthProvider>
+    <WSProvider token={token}>
       <BrowserRouter>
         <Routes>
           <Route path="/" element={<Index />} />
@@ -53,16 +56,17 @@ function App() {
               </RestrictedGuest>
             }
           />
-          <Route
-            path="/profile"
-            element={
-              <RestrictedLoggedIn>
-                <UserProfile />
-              </RestrictedLoggedIn>
-            }
-          />
+          <Route path="/users/:username" element={<UserPublicProfile />} />
         </Routes>
       </BrowserRouter>
+    </WSProvider>
+  );
+}
+
+function App() {
+  return (
+    <AuthProvider>
+      <AppRoutes />
     </AuthProvider>
   );
 }