refactor: use proper config for routes

frontend/src/components/RouteGuards.tsx

@@ -15,7 +15,7 @@ export function ProtectedRoute({ children }: { children: React.ReactNode }) {
 
   if (!isAuthenticated) {
     // Save the intended location to redirect back after login
-    return <Navigate to="/login" state={{ from: location }} replace />;
+    return <Navigate to={ROUTES.LOGIN} state={{ from: location }} replace />;
   }
 
   return <>{children}</>;

frontend/src/pages/Login.tsx

@@ -36,17 +36,13 @@ export default function Login() {
     setIsLoading(true);
     setApiError(null);
     try {
-      // 1. Authenticate
       const { data: authData } = await publicApi.post(endpoints.LOGIN, data);
 
-      // 2. Fetch User Profile with the fresh token
-      // We pass the header explicitly to avoid any race conditions with interceptors
       const { data: userData } = await api.get(endpoints.ME, {
         headers: { Authorization: `Bearer ${authData.access}` },
       });
 
-      // 3. Update store using the hook method
+      login(authData.access, userData);
-      await login(authData.access, userData);
 
       navigate(ROUTES.DRAWER);
     } catch (err) {

frontend/src/pages/VerifyEmail.tsx

@@ -33,7 +33,6 @@ export default function VerifyEmail() {
         type="button"
         className="text-xs italic opacity-40 cursor-pointer underline"
         onClick={() => window.close()}
-        onKeyDown={(e) => e.key === "Enter" && window.close()}
       >
         You can close this window now.
       </button>