New admin section.

src/app/(main)/admin/users/[userId]/UserProvider.tsx

@@ -0,0 +1,22 @@
+import { createContext, ReactNode, useEffect } from 'react';
+import { Loading } from '@umami/react-zen';
+import { useModified, useUserQuery } from '@/components/hooks';
+
+export const UserContext = createContext(null);
+
+export function UserProvider({ userId, children }: { userId: string; children: ReactNode }) {
+  const { modified } = useModified(`user:${userId}`);
+  const { data: user, isFetching, isLoading, refetch } = useUserQuery(userId);
+
+  useEffect(() => {
+    if (modified) {
+      refetch();
+    }
+  }, [modified]);
+
+  if (isFetching && isLoading) {
+    return <Loading position="page" />;
+  }
+
+  return <UserContext.Provider value={{ ...user, modified }}>{children}</UserContext.Provider>;
+}