import login form containers to routes

src/main.tsx

@@ -4,8 +4,8 @@ import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { ReactQueryDevtools } from "@tanstack/react-query-devtools";
 import { RouterProvider } from "react-router-dom";
 
-import router from "./routes/router.tsx";
-import './assets/css/reset.css'
+import router from "routes/router.tsx";
+import 'css/reset.css'
 
 const queryClient = new QueryClient()
 

src/routes/App.tsx

@@ -0,0 +1,13 @@
+import { useWindowSize } from "@uidotdev/usehooks";
+
+import MobileLoginContainer from "components/authentication/MobileLoginContainer.tsx";
+import WebLoginContainer from "components/authentication/WebLoginContainer.tsx";
+import { BREAKPOINTS } from "components/constants.tsx";
+
+
+const App = () => {
+    const size = useWindowSize();
+    return size.width && size.width <= BREAKPOINTS.MD ? <MobileLoginContainer/> : <WebLoginContainer/>;
+};
+
+export default App

src/routes/router.tsx

@@ -1,8 +1,13 @@
 import { createBrowserRouter } from "react-router-dom";
 import TestPage from "./shared/TestPage.tsx";
+import App from "./App.tsx"
 
 
 const router = createBrowserRouter([
+  {
+    path: "/",
+    Component: App
+  },
   {
     path: "/test",
     Component: TestPage,

src/routes/shared/TestPage.tsx

@@ -1,8 +1,8 @@
 import { useState } from "react";
 import { useQuery } from "@tanstack/react-query";
+
 import viteLogo from "/vite.svg";
 import reactLogo from "/react.svg";
-import "css/testpage.css"
 import resolveURL from "@/api/fetch.ts";