Added ProfileMenu

Bit of refactoring

frontend/App.tsx

@@ -1,25 +1,23 @@
-import router from 'Frontend/routes.js';
-import {AuthProvider} from 'Frontend/util/auth.js';
-import {RouterProvider} from 'react-router-dom';
+import {Outlet, useNavigate} from 'react-router-dom';
 import "./main.css";
-import {IconContext} from "@phosphor-icons/react";
-import {StrictMode} from "react";
 import {NextUIProvider} from "@nextui-org/react";
 import {ThemeProvider as NextThemesProvider} from "next-themes";
 import {themeNames} from "Frontend/theming/themes";
+import {AuthProvider} from "Frontend/util/auth";
+import {IconContext} from "@phosphor-icons/react";
 
 export default function App() {
+    const navigate = useNavigate();
+
     return (
-        <StrictMode>
-            <NextUIProvider className="size-full">
-                <NextThemesProvider attribute="class" themes={themeNames()} defaultTheme="gameyfin-violet-dark" >
-                    <AuthProvider>
-                        <IconContext.Provider value={{size: 20}}>
-                            <RouterProvider router={router}/>
-                        </IconContext.Provider>
-                    </AuthProvider>
-                </NextThemesProvider>
-            </NextUIProvider>
-        </StrictMode>
+        <NextUIProvider className="size-full" navigate={navigate}>
+            <NextThemesProvider attribute="class" themes={themeNames()} defaultTheme="gameyfin-violet-dark">
+                <AuthProvider>
+                    <IconContext.Provider value={{size: 20}}>
+                        <Outlet/>
+                    </IconContext.Provider>
+                </AuthProvider>
+            </NextThemesProvider>
+        </NextUIProvider>
     );
 }