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

src/providers/user-provider.tsx

@@ -1,23 +1,70 @@
 "use client"
 
-import { createContext, useContext, useState, ReactNode } from "react"
-import { currentUser } from "@/data/users"
+import { createContext, useContext, useState, useEffect, ReactNode, useCallback } from "react"
+import { useRouter } from "next/navigation"
 import type { User } from "@/types"
 
 interface UserContextValue {
-  user: User
+  user: User | null
+  loading: boolean
+  error: string | null
+  logout: () => Promise<void>
   updateAvatar: (url: string) => void
 }
 
 const UserContext = createContext<UserContextValue | null>(null)
 
 export function UserProvider({ children }: { children: ReactNode }) {
-  const [avatar, setAvatar] = useState(currentUser.avatar)
+  const router = useRouter()
+  const [user, setUser] = useState<User | null>(null)
+  const [loading, setLoading] = useState(true)
+  const [error, setError] = useState<string | null>(null)
 
-  const user: User = { ...currentUser, avatar }
+  const fetchUser = useCallback(async () => {
+    try {
+      const res = await fetch("/api/auth/me")
+      if (res.ok) {
+        const data = await res.json()
+        const u = data.user
+        setUser({
+          id: u.id,
+          name: `${u.firstName} ${u.lastName}`,
+          email: u.email,
+          role: u.role,
+          active: true,
+          avatar: u.avatar,
+          createdAt: new Date().toISOString(),
+        })
+      } else {
+        setUser(null)
+      }
+    } catch {
+      setUser(null)
+    } finally {
+      setLoading(false)
+    }
+  }, [])
+
+  useEffect(() => {
+    fetchUser()
+  }, [fetchUser])
+
+  const logout = useCallback(async () => {
+    try {
+      await fetch("/api/auth/logout", { method: "POST" })
+    } catch {
+      // Proceed with client-side logout even if API fails
+    }
+    setUser(null)
+    router.push("/login")
+  }, [router])
+
+  const updateAvatar = useCallback((url: string) => {
+    setUser((prev) => (prev ? { ...prev, avatar: url } : prev))
+  }, [])
 
   return (
-    <UserContext.Provider value={{ user, updateAvatar: setAvatar }}>
+    <UserContext.Provider value={{ user, loading, error, logout, updateAvatar }}>
       {children}
     </UserContext.Provider>
   )