Fix all broken CIs (#7439)

Fix all the broken CIs :p

This includes an ongoing effort to simplify test maintenance by having 1
unique source of truth about metadata and data mocks (that will later be
generated from a unique source of seeds: dev = demo = test)

Regressions:
- Unit line coverage: 60 > 55
- Storybook Pages branch coverage: 40 > 35
We will need to write tests to increase those coverage
- RelationFieldDisplay perf: 0.2ms to 0.22ms > We might have a
regression here
- Removed perf story about RawJSON > We will need to re-add it

packages/twenty-front/src/testing/decorators/ChipGeneratorsDecorator.tsx

@@ -3,7 +3,7 @@ import { useMemo } from 'react';
 
 import { PreComputedChipGeneratorsContext } from '@/object-metadata/context/PreComputedChipGeneratorsContext';
 import { getRecordChipGenerators } from '@/object-record/utils/getRecordChipGenerators';
-import { generatedMockObjectMetadataItems } from '~/testing/mock-data/objectMetadataItems';
+import { generatedMockObjectMetadataItems } from '~/testing/mock-data/generatedMockObjectMetadataItems';
 
 export const ChipGeneratorsDecorator: Decorator = (Story) => {
   const { chipGeneratorPerObjectPerField, identifierChipGeneratorPerObject } =

packages/twenty-front/src/testing/decorators/PageDecorator.tsx

@@ -12,7 +12,7 @@ import {
 import { RecoilRoot } from 'recoil';
 
 import { ClientConfigProviderEffect } from '@/client-config/components/ClientConfigProviderEffect';
-import { ApolloMetadataClientMockedProvider } from '@/object-metadata/hooks/__mocks__/ApolloMetadataClientProvider';
+import { ApolloMetadataClientMockedProvider } from '@/object-metadata/hooks/__mocks__/ApolloMetadataClientMockedProvider';
 import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
 import { UserProviderEffect } from '@/users/components/UserProviderEffect';
 import { ClientConfigProvider } from '~/modules/client-config/components/ClientConfigProvider';
@@ -21,6 +21,7 @@ import { UserProvider } from '~/modules/users/components/UserProvider';
 import { mockedApolloClient } from '~/testing/mockedApolloClient';
 
 import { RecoilDebugObserverEffect } from '@/debug/components/RecoilDebugObserver';
+import { ObjectMetadataItemsProvider } from '@/object-metadata/components/ObjectMetadataItemsProvider';
 import { PrefetchDataProvider } from '@/prefetch/components/PrefetchDataProvider';
 import { IconsProvider } from 'twenty-ui';
 import { FullHeightStorybookLayout } from '../FullHeightStorybookLayout';
@@ -64,29 +65,33 @@ const ApolloStorybookDevLogEffect = () => {
 const Providers = () => {
   return (
     <RecoilRoot>
-      <RecoilDebugObserverEffect />
-      <ApolloProvider client={mockedApolloClient}>
-        <ApolloStorybookDevLogEffect />
-        <ApolloMetadataClientMockedProvider>
-          <UserProviderEffect />
-          <UserProvider>
-            <ClientConfigProviderEffect />
-            <ClientConfigProvider>
-              <FullHeightStorybookLayout>
-                <HelmetProvider>
-                  <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
-                    <IconsProvider>
-                      <PrefetchDataProvider>
-                        <Outlet />
-                      </PrefetchDataProvider>
-                    </IconsProvider>
-                  </SnackBarProviderScope>
-                </HelmetProvider>
-              </FullHeightStorybookLayout>
-            </ClientConfigProvider>
-          </UserProvider>
-        </ApolloMetadataClientMockedProvider>
-      </ApolloProvider>
+      <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+        <RecoilDebugObserverEffect />
+        <ApolloProvider client={mockedApolloClient}>
+          <ApolloStorybookDevLogEffect />
+          <ClientConfigProviderEffect />
+          <ClientConfigProvider>
+            <UserProviderEffect />
+            <UserProvider>
+              <ApolloMetadataClientMockedProvider>
+                <ObjectMetadataItemsProvider>
+                  <FullHeightStorybookLayout>
+                    <HelmetProvider>
+                      <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+                        <IconsProvider>
+                          <PrefetchDataProvider>
+                            <Outlet />
+                          </PrefetchDataProvider>
+                        </IconsProvider>
+                      </SnackBarProviderScope>
+                    </HelmetProvider>
+                  </FullHeightStorybookLayout>
+                </ObjectMetadataItemsProvider>
+              </ApolloMetadataClientMockedProvider>
+            </UserProvider>
+          </ClientConfigProvider>
+        </ApolloProvider>
+      </SnackBarProviderScope>
     </RecoilRoot>
   );
 };

packages/twenty-front/src/testing/decorators/RootDecorator.tsx

@@ -2,7 +2,7 @@ import { ApolloProvider } from '@apollo/client';
 import { Decorator } from '@storybook/react';
 import { RecoilRoot } from 'recoil';
 
-import { ApolloMetadataClientMockedProvider } from '@/object-metadata/hooks/__mocks__/ApolloMetadataClientProvider';
+import { ApolloMetadataClientMockedProvider } from '@/object-metadata/hooks/__mocks__/ApolloMetadataClientMockedProvider';
 
 import { InitializeHotkeyStorybookHookEffect } from '../InitializeHotkeyStorybookHook';
 import { mockedApolloClient } from '../mockedApolloClient';

packages/twenty-front/src/testing/decorators/getFieldDecorator.tsx

@@ -12,7 +12,7 @@ import {
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
 import { getCompaniesMock } from '~/testing/mock-data/companies';
-import { generatedMockObjectMetadataItems } from '~/testing/mock-data/objectMetadataItems';
+import { generatedMockObjectMetadataItems } from '~/testing/mock-data/generatedMockObjectMetadataItems';
 import { getPeopleMock } from '~/testing/mock-data/people';
 import { mockedTasks } from '~/testing/mock-data/tasks';
 import { isDefined } from '~/utils/isDefined';
@@ -56,7 +56,7 @@ const RecordMockSetterEffect = ({
 
 export const getFieldDecorator =
   (
-    objectNameSingular: 'company' | 'person' | 'task',
+    objectNameSingular: 'company' | 'person' | 'task' | 'workflowVersions',
     fieldName: string,
     fieldValue?: any,
   ): Decorator =>