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/ui/input/components/internal/relation-picker/components/RelationPicker.tsx

@@ -2,6 +2,7 @@ import { useEffect } from 'react';
 import { useQuery } from '@apollo/client';
 
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
+import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useFilteredSearchEntityQuery } from '@/search/hooks/useFilteredSearchEntityQuery';
 import { IconForbid } from '@/ui/display/icon';
 import { useRelationPicker } from '@/ui/input/components/internal/relation-picker/hooks/useRelationPicker';
@@ -49,6 +50,12 @@ export const RelationPicker = ({
 
   const { identifiersMapper, searchQuery } = useRelationPicker();
 
+  const { objectNameSingular: relationObjectNameSingular } =
+    useObjectNameSingularFromPlural({
+      objectNamePlural:
+        fieldDefinition.metadata.relationObjectMetadataNamePlural,
+    });
+
   const records = useFilteredSearchEntityQuery({
     queryHook: useFindManyQuery,
     filters: [
@@ -68,7 +75,7 @@ export const RelationPicker = ({
       ),
     selectedIds: recordId ? [recordId] : [],
     excludeEntityIds: excludeRecordIds,
-    objectNamePlural: fieldDefinition.metadata.relationObjectMetadataNamePlural,
+    objectNameSingular: relationObjectNameSingular,
   });
 
   const handleEntitySelected = async (selectedUser: any | null | undefined) => {