refactor: centralize route configuration

frontend/src/pages/Login.tsx

@@ -6,6 +6,7 @@ import { useNavigate } from "react-router-dom";
 import { z } from "zod";
 import Logo from "../components/Logo";
 import FormField from "../components/ui/FormField";
+import { ROUTES } from "../config/routes";
 import { useAuth } from "../store/useAuth";
 
 const loginSchema = z.object({
@@ -34,7 +35,7 @@ export default function Login() {
     setApiError(null);
     try {
       await login(data);
-      navigate("/drawer");
+      navigate(ROUTES.DRAWER);
     } catch (err) {
       console.error("Login error:", err);
       let message = "Invalid email or password";
@@ -48,62 +49,59 @@ export default function Login() {
     }
   };
 
-  return (
-    <div className="flex min-h-screen items-center justify-center bg-base-200">
-      <div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom">
-        <form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4">
-          <h2 className="card-title font-display text-2xl font-bold justify-center text-primary tracking-tight">
-            Sign in to <Logo />
-          </h2>
+  <div className="glass-card w-full max-w-sm p-2 transition-all duration-500 hover:shadow-2xl fade-zoom">
+    <form onSubmit={handleSubmit(onSubmit)} className="card-body gap-4">
+      <h1 className="card-title font-display text-2xl font-bold justify-center text-primary tracking-tight">
+        Sign in to <Logo />
+      </h1>
 
-          {apiError && (
-            <div className="alert alert-error text-xs py-2 rounded-md">
-              <span>{apiError}</span>
-            </div>
+      {apiError && (
+        <div className="alert alert-error text-xs py-2 rounded-md">
+          <span>{apiError}</span>
+        </div>
+      )}
+
+      <FormField
+        label="Email"
+        type="email"
+        placeholder="you@email.com"
+        registration={register("email")}
+        error={errors.email?.message}
+      />
+
+      <FormField
+        label="Password"
+        type="password"
+        placeholder="••••••••"
+        registration={register("password")}
+        error={errors.password?.message}
+      />
+
+      <div className="card-actions mt-4">
+        <button
+          type="submit"
+          disabled={isLoading}
+          aria-label="Sign In"
+          className="btn btn-primary w-full shadow-lg"
+        >
+          {isLoading ? (
+            <span className="loading loading-spinner loading-sm" />
+          ) : (
+            "Sign In"
           )}
-
-          <FormField
-            label="Email"
-            type="email"
-            placeholder="you@email.com"
-            registration={register("email")}
-            error={errors.email?.message}
-          />
-
-          <FormField
-            label="Password"
-            type="password"
-            placeholder="••••••••"
-            registration={register("password")}
-            error={errors.password?.message}
-          />
-
-          <div className="card-actions mt-4">
-            <button
-              type="submit"
-              disabled={isLoading}
-              className="btn btn-primary w-full shadow-lg"
-            >
-              {isLoading ? (
-                <span className="loading loading-spinner loading-sm" />
-              ) : (
-                "Sign In"
-              )}
-            </button>
-          </div>
-
-          <div className="text-center text-sm opacity-70">
-            Don't have an account?{" "}
-            <button
-              type="button"
-              onClick={() => navigate("/register")}
-              className="link link-primary text-primary-content no-underline hover:underline"
-            >
-              Register
-            </button>
-          </div>
-        </form>
+        </button>
       </div>
-    </div>
-  );
+
+      <div className="text-center text-sm font-medium text-base-content/70">
+        Don't have an account?{" "}
+        <button
+          type="button"
+          onClick={() => navigate(ROUTES.ONBOARD)}
+          className="link link-primary no-underline hover:underline font-bold"
+        >
+          Register
+        </button>
+      </div>
+    </form>
+  </div>;
 }