feat(client): login page

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/src/routes/index.tsx

@@ -1,6 +1,4 @@
 import { createFileRoute } from '@tanstack/react-router';
-import { Suspense } from 'react';
-import { Time } from '@/components/Time';
 
 export const Route = createFileRoute('/')({
   component: Index,
@@ -8,11 +6,6 @@ export const Route = createFileRoute('/')({
 
 function Index() {
   return (
-    <div className="p-2">
-      <h3>Welcome Home!</h3>
-      <Suspense fallback={<div>Loading...</div>}>
-        <Time />
-      </Suspense>
-    </div>
+    'Hello World'
   );
 }

client/src/routes/login.tsx

@@ -0,0 +1,16 @@
+import { createFileRoute } from '@tanstack/react-router';
+import { LoginForm } from '@/components/login-form';
+
+export const Route = createFileRoute('/login')({
+  component: RouteComponent,
+});
+
+function RouteComponent() {
+  return (
+    <div className="bg-background flex min-h-svh flex-col items-center justify-center gap-6 p-6 md:p-10">
+      <div className="w-full max-w-sm">
+        <LoginForm />
+      </div>
+    </div>
+  );
+}