Add missing pages to the nextjs auth.

apps/ui-library/public/r/password-based-auth-nextjs.json

@@ -22,7 +22,7 @@
     },
     {
       "path": "registry/default/blocks/password-based-auth-nextjs/app/error/page.tsx",
-      "content": "export default function Page({ searchParams }: { searchParams: { error: string } }) {\n  return <div>Sorry, something went wrong. Code error: {searchParams.error}</div>\n}\n",
+      "content": "import { Card, CardContent, CardHeader, CardTitle } from '@/registry/default/components/ui/card'\n\nexport default function Page({ searchParams }: { searchParams: { error: string } }) {\n  return (\n    <div className=\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\">\n      <div className=\"w-full max-w-sm\">\n        <div className=\"flex flex-col gap-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-2xl\">Sorry, something went wrong.</CardTitle>\n            </CardHeader>\n            <CardContent>\n              {searchParams?.error ? (\n                <p className=\"text-sm text-muted-foreground\">Code error: {searchParams.error}</p>\n              ) : (\n                <p className=\"text-sm text-muted-foreground\">An unspecified error occurred.</p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
       "type": "registry:page",
       "target": "app/auth/error/page.tsx"
     },
@@ -57,7 +57,7 @@
     },
     {
       "path": "registry/default/blocks/password-based-auth-nextjs/app/sign-up-success/page.tsx",
-      "content": "export default function Page() {\n  return <div>Sign up success</div>\n}\n",
+      "content": "import {\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n} from '@/registry/default/components/ui/card'\n\nexport default function Page() {\n  return (\n    <div className=\"flex min-h-svh w-full items-center justify-center p-6 md:p-10\">\n      <div className=\"w-full max-w-sm\">\n        <div className=\"flex flex-col gap-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-2xl\">Thank you for signing up!</CardTitle>\n              <CardDescription>Check your email to confirm</CardDescription>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm text-muted-foreground\">\n                You've successfully signed up. Please check your email to confirm your account\n                before signing in.\n              </p>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
       "type": "registry:page",
       "target": "app/sign-up-success/page.tsx"
     },

apps/ui-library/registry/default/blocks/password-based-auth-nextjs/app/error/page.tsx

@@ -1,3 +1,24 @@
+import { Card, CardContent, CardHeader, CardTitle } from '@/registry/default/components/ui/card'
+
 export default function Page({ searchParams }: { searchParams: { error: string } }) {
-  return <div>Sorry, something went wrong. Code error: {searchParams.error}</div>
+  return (
+    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
+      <div className="w-full max-w-sm">
+        <div className="flex flex-col gap-6">
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-2xl">Sorry, something went wrong.</CardTitle>
+            </CardHeader>
+            <CardContent>
+              {searchParams?.error ? (
+                <p className="text-sm text-muted-foreground">Code error: {searchParams.error}</p>
+              ) : (
+                <p className="text-sm text-muted-foreground">An unspecified error occurred.</p>
+              )}
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+    </div>
+  )
 }

apps/ui-library/registry/default/blocks/password-based-auth-nextjs/app/sign-up-success/page.tsx

@@ -1,3 +1,30 @@
+import {
+  Card,
+  CardContent,
+  CardDescription,
+  CardHeader,
+  CardTitle,
+} from '@/registry/default/components/ui/card'
+
 export default function Page() {
-  return <div>Sign up success</div>
+  return (
+    <div className="flex min-h-svh w-full items-center justify-center p-6 md:p-10">
+      <div className="w-full max-w-sm">
+        <div className="flex flex-col gap-6">
+          <Card>
+            <CardHeader>
+              <CardTitle className="text-2xl">Thank you for signing up!</CardTitle>
+              <CardDescription>Check your email to confirm</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <p className="text-sm text-muted-foreground">
+                You've successfully signed up. Please check your email to confirm your account
+                before signing in.
+              </p>
+            </CardContent>
+          </Card>
+        </div>
+      </div>
+    </div>
+  )
 }