Feat/error boundaries (#2779)

* - Changed to objectNameSingular always defined
- Added ErrorCatchAll

* - Added mock mode for companies logged out
- Added a proper ErrorBoundary component

* Removed react-error-boundary

* Implemented proper ErrorBoundary

* Fixes

* Change strategy about mocks

---------

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

front/src/modules/sign-in-background-mock/components/SignInBackgroundMockContainerEffect.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from 'react';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useRecordTableContextMenuEntries } from '@/object-record/hooks/useRecordTableContextMenuEntries';
 import { filterAvailableTableColumns } from '@/object-record/utils/filterAvailableTableColumns';
 import { signInBackgroundMockCompanies } from '@/sign-in-background-mock/constants/signInBackgroundMockCompanies';
@@ -35,10 +36,14 @@ export const SignInBackgroundMockContainerEffect = ({
     recordTableScopeId: recordTableId,
   });
 
-  const { objectMetadataItem } = useObjectMetadataItem({
+  const { objectNameSingular } = useObjectNameSingularFromPlural({
     objectNamePlural,
   });
 
+  const { objectMetadataItem } = useObjectMetadataItem({
+    objectNameSingular,
+  });
+
   const {
     setAvailableSortDefinitions,
     setAvailableFilterDefinitions,
@@ -49,7 +54,7 @@ export const SignInBackgroundMockContainerEffect = ({
   } = useViewBar({ viewBarId: viewId });
 
   useEffect(() => {
-    setViewObjectMetadataId?.('company-mock-object-metadata-id');
+    setViewObjectMetadataId?.(objectMetadataItem.id);
     setViewType?.(ViewType.Table);
 
     setAvailableSortDefinitions?.(signInBackgroundMockSortDefinitions);