ignore folder

app/(dashboard)/layout.tsx

@@ -0,0 +1,32 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { usePathname, useRouter } from "next/navigation";
+import type { ReactNode } from "react";
+import DashboardShell from "@/components/layout/DashboardShell";
+import { useAuthStore } from "@/store/authStore";
+import { useTenantStore } from "@/store/tenantStore";
+
+export default function DashboardLayout({ children }: { children: ReactNode }) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const token = useAuthStore((s) => s.accessToken);
+  const hydrateAuth = useAuthStore((s) => s.hydrate);
+  const hydrateTenant = useTenantStore((s) => s.hydrate);
+  const [ready, setReady] = useState(false);
+
+  useEffect(() => {
+    hydrateAuth();
+    hydrateTenant();
+    setReady(true);
+  }, [hydrateAuth, hydrateTenant]);
+
+  useEffect(() => {
+    if (!ready) return;
+    if (!token && !pathname.startsWith("/login")) {
+      router.replace("/login");
+    }
+  }, [token, pathname, ready, router]);
+
+  return <DashboardShell>{children}</DashboardShell>;
+}