Introduce a RelationPicker component with a RelationPickerScope (#2617)

Refactor mainIdentifier into scope componetn

front/src/modules/object-metadata/hooks/useObjectMainIdentifier.ts

@@ -1,5 +1,4 @@
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
-import { AvatarType } from '@/users/components/Avatar';
 import { Nullable } from '~/types/Nullable';
 
 export const useObjectMainIdentifier = (
@@ -9,39 +8,14 @@ export const useObjectMainIdentifier = (
     return {};
   }
 
-  const labelIdentifierFieldPaths = ['person', 'workspaceMember'].includes(
-    objectMetadataItem.nameSingular,
-  )
-    ? ['name.firstName', 'name.lastName']
-    : ['name'];
-  const imageIdentifierFormat: AvatarType = ['company'].includes(
-    objectMetadataItem.nameSingular,
-  )
-    ? 'squared'
-    : 'rounded';
-  const imageIdentifierUrlPrefix = ['company'].includes(
-    objectMetadataItem.nameSingular,
-  )
-    ? 'https://favicon.twenty.com/'
-    : '';
-  const imageIdentifierUrlField = ['company'].includes(
-    objectMetadataItem.nameSingular,
-  )
-    ? 'domainName'
-    : 'avatarUrl';
-
-  const mainIdentifierFieldMetadataId = objectMetadataItem.fields.find(
+  const labelIdentifierFieldMetadataId = objectMetadataItem.fields.find(
     ({ name }) => name === 'name',
   )?.id;
 
   const basePathToShowPage = `/object/${objectMetadataItem.nameSingular}/`;
 
   return {
-    labelIdentifierFieldPaths,
-    imageIdentifierUrlField,
-    imageIdentifierUrlPrefix,
-    imageIdentifierFormat,
-    mainIdentifierFieldMetadataId,
+    labelIdentifierFieldMetadataId,
     basePathToShowPage,
   };
 };