feat: display label identifier table cell as chip with link to Record… (#3503)

* feat: display label identifier table cell as chip with link to RecordShowPage

Closes #3502

* Fix test

---------

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

packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataItemsRelationPickerEffect.tsx

@@ -1,11 +1,9 @@
 import { useEffect } from 'react';
 
 import { useRelationPicker } from '@/object-record/relation-picker/hooks/useRelationPicker';
-import { IdentifiersMapper } from '@/object-record/relation-picker/types/IdentifiersMapper';
-import { getLogoUrlFromDomainName } from '~/utils';
 
 export const ObjectMetadataItemsRelationPickerEffect = () => {
-  const { setIdentifiersMapper, setSearchQuery } = useRelationPicker({
+  const { setSearchQuery } = useRelationPicker({
     relationPickerScopeId: 'relation-picker',
   });
 
@@ -21,62 +19,9 @@ export const ObjectMetadataItemsRelationPickerEffect = () => {
     return ['name'];
   };
 
-  const identifierMapper: IdentifiersMapper = (
-    record: any,
-    objectMetadataItemSingularName: string,
-  ) => {
-    if (!record) {
-      return;
-    }
-
-    if (objectMetadataItemSingularName === 'company') {
-      return {
-        id: record.id,
-        name: record.name,
-        avatarUrl: getLogoUrlFromDomainName(record.domainName ?? ''),
-        avatarType: 'squared',
-        record: record,
-      };
-    }
-
-    if (
-      ['workspaceMember', 'person'].includes(objectMetadataItemSingularName)
-    ) {
-      return {
-        id: record.id,
-        name:
-          (record.name?.firstName ?? '') + ' ' + (record.name?.lastName ?? ''),
-        avatarUrl: record.avatarUrl,
-        avatarType: 'rounded',
-        record: record,
-      };
-    }
-
-    if (['opportunity'].includes(objectMetadataItemSingularName)) {
-      return {
-        id: record.id,
-        name: record?.company?.name ?? record.name,
-        avatarUrl: record.avatarUrl,
-        avatarType: 'rounded',
-        record: record,
-      };
-    }
-
-    return {
-      id: record.id,
-      name: record.name,
-      avatarUrl: record.avatarUrl,
-      avatarType: 'rounded',
-      record,
-    };
-  };
-
   useEffect(() => {
-    setIdentifiersMapper(() => identifierMapper);
-    setSearchQuery({
-      computeFilterFields,
-    });
-  }, [setIdentifiersMapper, setSearchQuery]);
+    setSearchQuery({ computeFilterFields });
+  }, [setSearchQuery]);
 
   return <></>;
 };