force graph, palette

web/app/(auth)/layout.tsx

@@ -0,0 +1,7 @@
+export default function AuthLayout({
+	children
+}: Readonly<{
+	children: React.ReactNode
+}>) {
+	return <main className="h-full">{children}</main>
+}

web/app/(auth)/sign-in/[[...sign-in]]/page.tsx

@@ -0,0 +1,9 @@
+import { SignInClient } from "@/components/custom/clerk/sign-in-client"
+
+export default async function Page() {
+	return (
+		<div className="flex justify-center py-24">
+			<SignInClient />
+		</div>
+	)
+}

web/app/(auth)/sign-up/[[...sign-up]]/page.tsx

@@ -0,0 +1,9 @@
+import { SignUpClient } from "@/components/custom/clerk/sign-up-client"
+
+export default async function Page() {
+	return (
+		<div className="flex justify-center py-24">
+			<SignUpClient />
+		</div>
+	)
+}