Admin panel init (#8742)

WIP
Related issues - 
#7090 
#8547 
Master issue - 
#4499

---------

Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-front/src/modules/settings/admin-panel/hooks/useImpersonate.ts

@@ -0,0 +1,60 @@
+import { useAuth } from '@/auth/hooks/useAuth';
+import { currentUserState } from '@/auth/states/currentUserState';
+import { tokenPairState } from '@/auth/states/tokenPairState';
+import { AppPath } from '@/types/AppPath';
+import { useState } from 'react';
+import { useRecoilState, useSetRecoilState } from 'recoil';
+import { useImpersonateMutation } from '~/generated/graphql';
+import { isDefined } from '~/utils/isDefined';
+import { sleep } from '~/utils/sleep';
+
+export const useImpersonate = () => {
+  const { clearSession } = useAuth();
+  const [currentUser, setCurrentUser] = useRecoilState(currentUserState);
+  const setTokenPair = useSetRecoilState(tokenPairState);
+  const [impersonate] = useImpersonateMutation();
+
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState<string | null>(null);
+
+  const handleImpersonate = async (userId: string) => {
+    if (!userId.trim()) {
+      setError('Please enter a user ID');
+      return;
+    }
+
+    setIsLoading(true);
+    setError(null);
+
+    try {
+      const impersonateResult = await impersonate({
+        variables: { userId },
+      });
+
+      if (isDefined(impersonateResult.errors)) {
+        throw impersonateResult.errors;
+      }
+
+      if (!impersonateResult.data?.impersonate) {
+        throw new Error('No impersonate result');
+      }
+
+      const { user, tokens } = impersonateResult.data.impersonate;
+      await clearSession();
+      setCurrentUser(user);
+      setTokenPair(tokens);
+      await sleep(0); // This hacky workaround is necessary to ensure the tokens stored in the cookie are updated correctly.
+      window.location.href = AppPath.Index;
+    } catch (error) {
+      setError('Failed to impersonate user. Please try again.');
+      setIsLoading(false);
+    }
+  };
+
+  return {
+    handleImpersonate,
+    isLoading,
+    error,
+    canImpersonate: currentUser?.canImpersonate,
+  };
+};