Recursively turn relation connection into records (#3334)

* Use new ObjectRecordConnection

* Use new records without connection in GraphQLView

* Added playwright for storybook tests

* Fixed lint

* Fixed test and tsc

* Fixed storybook tests

* wip tests

* Added useMapConnectionToRecords unit test

---------

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

packages/twenty-front/src/testing/jest/getJestHookWrapper.tsx

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { MockedProvider, MockedResponse } from '@apollo/client/testing';
+import { MutableSnapshot, RecoilRoot } from 'recoil';
+
+import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+
+export const getJestHookWrapper = ({
+  apolloMocks,
+  onInitializeRecoilSnapshot,
+}: {
+  apolloMocks:
+    | readonly MockedResponse<Record<string, any>, Record<string, any>>[]
+    | undefined;
+  onInitializeRecoilSnapshot?: (snapshot: MutableSnapshot) => void;
+}) => {
+  return ({ children }: { children: ReactNode }) => (
+    <RecoilRoot initializeState={onInitializeRecoilSnapshot}>
+      <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+        <MockedProvider mocks={apolloMocks} addTypename={false}>
+          {children}
+        </MockedProvider>
+      </SnackBarProviderScope>
+    </RecoilRoot>
+  );
+};