Refactor snackbar old component scoped state (#13183)

This PR refactors the snackbar modules that was using legacy versions of
our state management.

We replace the old states with new ones and also the old scoped context
with component instance context.

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

@@ -13,7 +13,7 @@ import { RecoilRoot } from 'recoil';
 
 import { ClientConfigProviderEffect } from '@/client-config/components/ClientConfigProviderEffect';
 import { ApolloCoreClientMockedProvider } from '@/object-metadata/hooks/__mocks__/ApolloCoreClientMockedProvider';
-import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+import { SnackBarComponentInstanceContextProvider } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarComponentInstanceContextProvider';
 import { DefaultLayout } from '@/ui/layout/page/components/DefaultLayout';
 import { UserProviderEffect } from '@/users/components/UserProviderEffect';
 import { ClientConfigProvider } from '~/modules/client-config/components/ClientConfigProvider';
@@ -77,7 +77,7 @@ await dynamicActivate(SOURCE_LOCALE);
 const Providers = () => {
   return (
     <RecoilRoot>
-      <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+      <SnackBarComponentInstanceContextProvider snackBarComponentInstanceId="snack-bar-manager">
         <RecoilDebugObserverEffect />
         <ApolloProvider client={mockedApolloClient}>
           <I18nProvider i18n={i18n}>
@@ -125,7 +125,7 @@ const Providers = () => {
             </ClientConfigProvider>
           </I18nProvider>
         </ApolloProvider>
-      </SnackBarProviderScope>
+      </SnackBarComponentInstanceContextProvider>
     </RecoilRoot>
   );
 };

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

@@ -1,9 +1,9 @@
 import { Decorator } from '@storybook/react';
 
-import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+import { SnackBarComponentInstanceContextProvider } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarComponentInstanceContextProvider';
 
 export const SnackBarDecorator: Decorator = (Story) => (
-  <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+  <SnackBarComponentInstanceContextProvider snackBarComponentInstanceId="snack-bar-manager">
     <Story />
-  </SnackBarProviderScope>
+  </SnackBarComponentInstanceContextProvider>
 );

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

@@ -6,7 +6,7 @@ import { ContextStoreComponentInstanceContext } from '@/context-store/states/con
 import { RecordFilterGroupsComponentInstanceContext } from '@/object-record/record-filter-group/states/context/RecordFilterGroupsComponentInstanceContext';
 import { RecordFiltersComponentInstanceContext } from '@/object-record/record-filter/states/context/RecordFiltersComponentInstanceContext';
 import { RecordSortsComponentInstanceContext } from '@/object-record/record-sort/states/context/RecordSortsComponentInstanceContext';
-import { SnackBarProviderScope } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarProviderScope';
+import { SnackBarComponentInstanceContextProvider } from '@/ui/feedback/snack-bar-manager/scopes/SnackBarComponentInstanceContextProvider';
 import { ViewComponentInstanceContext } from '@/views/states/contexts/ViewComponentInstanceContext';
 import { InMemoryCache } from '@apollo/client';
 import { JestContextStoreSetter } from '~/testing/jest/JestContextStoreSetter';
@@ -25,7 +25,7 @@ export const getJestMetadataAndApolloMocksWrapper = ({
 }) => {
   return ({ children }: { children: ReactNode }) => (
     <RecoilRoot initializeState={onInitializeRecoilSnapshot}>
-      <SnackBarProviderScope snackBarManagerScopeId="snack-bar-manager">
+      <SnackBarComponentInstanceContextProvider snackBarComponentInstanceId="snack-bar-manager">
         <MockedProvider mocks={apolloMocks} addTypename={false} cache={cache}>
           <RecordFilterGroupsComponentInstanceContext.Provider
             value={{ instanceId: 'instanceId' }}
@@ -53,7 +53,7 @@ export const getJestMetadataAndApolloMocksWrapper = ({
             </RecordFiltersComponentInstanceContext.Provider>
           </RecordFilterGroupsComponentInstanceContext.Provider>
         </MockedProvider>
-      </SnackBarProviderScope>
+      </SnackBarComponentInstanceContextProvider>
     </RecoilRoot>
   );
 };