refactor: Update auth layout to use client-side session redirection

src/app/(auth)/layout.tsx

@@ -1,24 +1,27 @@
-import { redirect } from "next/navigation";
+"use client";
 
-import { getCurrentUser } from "@/lib/session";
+import { useEffect } from "react";
+import { useRouter } from "next/navigation";
+import { useSession } from "next-auth/react";
 
-export default async function AuthLayout({
+export default function AuthLayout({
   children,
 }: {
   children: React.ReactNode;
 }) {
-  const user = await getCurrentUser();
+  const { data: session, status } = useSession();
+  const router = useRouter();
 
-  if (user) {
+  useEffect(() => {
-    if (user.role === "ADMIN") redirect("/admin");
+    if (status === "authenticated") {
-    redirect("/dashboard");
+      if (session?.user?.role === "ADMIN") {
-  }
+        router.push("/admin");
+      } else {
+        router.push("/dashboard");
+      }
+      router.refresh();
+    }
+  }, [session, status, router]);
 
-  return (
+  return <>{children}</>;
-    <div className="min-h-screen">
-      <div className="flex h-screen w-screen flex-col items-center justify-center">
-        {children}
-      </div>
-    </div>
-  );
 }