feat: align auth api with front convention (#370)

* feat: align auth api with front convention

* fix: email password auth

* fix: proper file naming

* Fix login

---------

Co-authored-by: Charles Bochet <charles@twenty.com>

front/src/modules/apollo/hooks/useApolloFactory.ts

@@ -0,0 +1,57 @@
+import { useEffect, useMemo, useRef } from 'react';
+import { InMemoryCache, NormalizedCacheObject } from '@apollo/client';
+import { useRecoilState } from 'recoil';
+
+import { tokenPairState } from '@/auth/states/tokenPairState';
+import { CommentThreadTarget } from '~/generated/graphql';
+
+import { ApolloFactory } from '../services/apollo.factory';
+
+export function useApolloFactory() {
+  const apolloRef = useRef<ApolloFactory<NormalizedCacheObject> | null>(null);
+
+  const [tokenPair, setTokenPair] = useRecoilState(tokenPairState);
+
+  const apolloClient = useMemo(() => {
+    apolloRef.current = new ApolloFactory({
+      uri: `${process.env.REACT_APP_API_URL}`,
+      cache: new InMemoryCache({
+        typePolicies: {
+          CommentThread: {
+            fields: {
+              commentThreadTargets: {
+                merge(
+                  existing: CommentThreadTarget[] = [],
+                  incoming: CommentThreadTarget[],
+                ) {
+                  return [...incoming];
+                },
+              },
+            },
+          },
+        },
+      }),
+      defaultOptions: {
+        query: {
+          fetchPolicy: 'cache-first',
+        },
+      },
+      onTokenPairChange(tokenPair) {
+        setTokenPair(tokenPair);
+      },
+      onUnauthenticatedError() {
+        setTokenPair(null);
+      },
+    });
+
+    return apolloRef.current.getClient();
+  }, [setTokenPair]);
+
+  useEffect(() => {
+    if (apolloRef.current) {
+      apolloRef.current.updateTokenPair(tokenPair);
+    }
+  }, [tokenPair]);
+
+  return apolloClient;
+}