E2E: implement /sign-in page with Clerk SignIn

frontend/src/app/sign-in/page.tsx

@@ -1,14 +1,13 @@
-import { redirect } from "next/navigation";
+"use client";
-import { auth } from "@clerk/nextjs/server";
+
+import { SignIn } from "@clerk/nextjs";
 
 export default function SignInPage() {
-  const { userId, redirectToSignIn } = auth();
+  // Dedicated sign-in route for Cypress E2E.
-
+  // Avoids modal/iframe auth flows and gives Cypress a stable top-level page.
-  if (userId) {
+  return (
-    redirect("/activity");
+    <main className="flex min-h-screen items-center justify-center bg-slate-50 p-6">
-  }
+      <SignIn routing="path" path="/sign-in" forceRedirectUrl="/activity" />
-
+    </main>
-  // Top-level redirect to Clerk hosted sign-in.
+  );
-  // Cypress E2E cannot reliably drive Clerk modal/iframe login.
-  return redirectToSignIn({ returnBackUrl: "/activity" });
 }