Use context hooks.

src/components/hooks/context/useUser.ts

@@ -0,0 +1,6 @@
+import { UserContext } from '@/app/(main)/admin/users/[userId]/UserProvider';
+import { useContext } from 'react';
+
+export function useUser() {
+  return useContext(UserContext);
+}

src/components/hooks/index.ts

@@ -4,6 +4,7 @@
 export * from './context/useLink';
 export * from './context/usePixel';
 export * from './context/useTeam';
+export * from './context/useUser';
 export * from './context/useWebsite';
 
 // Query hooks