Added 4 Demo Users, with Coast emails, Hierarchy, roles etc.

src/app/(dashboard)/layout.tsx

@@ -1,7 +1,24 @@
 "use client"
 
 import { AppShell } from "@/components/layout/app-shell"
-import { UserProvider } from "@/providers/user-provider"
+import { UserProvider, useUser } from "@/providers/user-provider"
+import { Loader2 } from "lucide-react"
+
+function DashboardContent({ children }: { children: React.ReactNode }) {
+  const { user, loading } = useUser()
+
+  if (loading) {
+    return (
+      <div className="flex h-screen items-center justify-center">
+        <Loader2 className="h-8 w-8 animate-spin text-muted-foreground" />
+      </div>
+    )
+  }
+
+  if (!user) return null
+
+  return <AppShell>{children}</AppShell>
+}
 
 export default function DashboardLayout({
   children,
@@ -10,7 +27,7 @@ export default function DashboardLayout({
 }) {
   return (
     <UserProvider>
-      <AppShell>{children}</AppShell>
+      <DashboardContent>{children}</DashboardContent>
     </UserProvider>
   )
 }