Fix logged out scopeId error (#8250)

Fix logged out scopeId error

packages/twenty-front/src/modules/sign-in-background-mock/components/SignInBackgroundMockContainer.tsx

@@ -2,6 +2,8 @@ import styled from '@emotion/styled';
 
 import { ActionMenuComponentInstanceContext } from '@/action-menu/states/contexts/ActionMenuComponentInstanceContext';
 import { ContextStoreComponentInstanceContext } from '@/context-store/states/contexts/ContextStoreComponentInstanceContext';
+import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { RecordIndexRootPropsContext } from '@/object-record/record-index/contexts/RecordIndexRootPropsContext';
 import { RecordTableWithWrappers } from '@/object-record/record-table/components/RecordTableWithWrappers';
 import { SignInBackgroundMockContainerEffect } from '@/sign-in-background-mock/components/SignInBackgroundMockContainerEffect';
 import { ViewBar } from '@/views/components/ViewBar';
@@ -20,9 +22,26 @@ export const SignInBackgroundMockContainer = () => {
   const recordIndexId = 'sign-up-mock-record-table-id';
   const viewBarId = 'companies-mock';
 
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular,
+  });
+
   return (
     <StyledContainer>
-      <ViewComponentInstanceContext.Provider value={{ instanceId: viewBarId }}>
+      <RecordIndexRootPropsContext.Provider
+        value={{
+          recordIndexId,
+          objectNamePlural,
+          objectNameSingular,
+          objectMetadataItem,
+          onIndexRecordsLoaded: () => {},
+          indexIdentifierUrl: () => '',
+          onCreateRecord: () => {},
+        }}
+      >
+        <ViewComponentInstanceContext.Provider
+          value={{ instanceId: recordIndexId }}
+        >
           <ContextStoreComponentInstanceContext.Provider
             value={{
               instanceId: recordIndexId,
@@ -33,7 +52,7 @@ export const SignInBackgroundMockContainer = () => {
             >
               <ViewBar
                 viewBarId={viewBarId}
-              onCurrentViewChange={async () => {}}
+                onCurrentViewChange={() => {}}
                 optionsDropdownButton={<></>}
               />
               <SignInBackgroundMockContainerEffect
@@ -50,6 +69,7 @@ export const SignInBackgroundMockContainer = () => {
             </ActionMenuComponentInstanceContext.Provider>
           </ContextStoreComponentInstanceContext.Provider>
         </ViewComponentInstanceContext.Provider>
+      </RecordIndexRootPropsContext.Provider>
     </StyledContainer>
   );
 };