fix(web): fix sign up clerk flow sign up flow

Author: chenxin-yan

apps/web/src/app/sign-in/components/login-form.tsx

@@ -24,8 +24,8 @@ export function LoginForm({
     try {
       await signIn.authenticateWithRedirect({
         strategy: "oauth_google",
+        redirectUrl: "/sign-in/sso-callback",
         redirectUrlComplete: "/dashboard",
-        redirectUrl: "/dashboard",
       });
     } catch (error) {
       console.error("Sign in failed:", error);

apps/web/src/app/sign-in/sso-callback/page.tsx

@@ -0,0 +1,16 @@
+import { AuthenticateWithRedirectCallback } from "@clerk/nextjs";
+
+export default function Page() {
+  // Handle the redirect flow by calling the Clerk.handleRedirectCallback() method
+  // or rendering the prebuilt <AuthenticateWithRedirectCallback/> component.
+  return (
+    <>
+      <AuthenticateWithRedirectCallback />
+
+      {/* Required for sign-up flows
+      Clerk's bot sign-up protection is enabled by default */}
+      {/** biome-ignore lint/correctness/useUniqueElementIds: handled by clerk */}
+      <div id="clerk-captcha" />
+    </>
+  );
+}