pages directory

packages/frontend/src/app.tsx

@@ -1,11 +1,11 @@
 import { BrowserRouter, Route, Routes } from "react-router-dom";
 import { Auth } from "@/components/auth-provider";
-import Landing from "@/components/landing";
-import LoginPage from "@/components/login-page";
-import NotFound from "@/components/NotFound";
+import NotFound from "@/pages/NotFound";
 import { ThemeProvider } from "@/components/theme-provider";
-import Index from "@/Index";
-import Test from "@/Test";
+import Index from "@/pages/Index";
+import Landing from "@/pages/Landing";
+import Login from "@/pages/Login";
+import Test from "@/pages/Test";
 
 function App() {
     return (
@@ -14,7 +14,7 @@ function App() {
                 <Routes>
                     {/* public routes */}
                     <Route path="/" element={<Landing />} />
-                    <Route path="/login" element={<LoginPage />} />
+                    <Route path="/login" element={<Login />} />
 
                     {/* authed routes */}
                     <Route

packages/frontend/src/main.tsx

@@ -1,7 +1,7 @@
 import "./App.css";
 import React from "react";
 import ReactDOM from "react-dom/client";
-import App from "@/App";
+import App from "@/app";
 
 ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
     <React.StrictMode>

packages/frontend/src/pages/Index.tsx

@@ -331,8 +331,6 @@ function Index() {
                     )}
                 </ResizablePanelGroup>
             )}
-
-            {/* <LogOutButton /> */}
         </main>
     );
 }

packages/frontend/src/pages/Login.tsx

@@ -5,7 +5,7 @@ import Loading from "@/components/loading";
 import LogInForm from "@/components/login-form";
 import { clearAuth, getServerURL, setCsrfToken } from "@/lib/utils";
 
-export default function LoginPage() {
+export default function Login() {
     const navigate = useNavigate();
     const [searchParams] = useSearchParams();
     const [checking, setChecking] = useState(true);