Refactor MultipleObjectsPicker component (#10552)

Refactor to only have MultipleRecordPicker and SingleRecordPicker

What's done:
- SingleRecordPicker, MultipleRecordPicker
- RelationToOneInput
- RelationFromManyInput
- usage in TableCell, InlineCell, RelationDetailSection, Workflow

What's left:
- Make a pass on the app, to make sure the hotkeyScopes, clickOutside
are properly set
- Fix flashing on ActivityTarget
- add more tests on the code

packages/twenty-front/src/modules/object-metadata/hooks/__tests__/useLimitPerMetadataItem.test.tsx

@@ -3,13 +3,13 @@ import { RecoilRoot } from 'recoil';
 
 import { useLimitPerMetadataItem } from '@/object-metadata/hooks/useLimitPerMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
-import { RecordPickerComponentInstanceContext } from '@/object-record/record-picker/states/contexts/RecordPickerComponentInstanceContext';
+import { SingleRecordPickerComponentInstanceContext } from '@/object-record/record-picker/single-record-picker/states/contexts/SingleRecordPickerComponentInstanceContext';
 
 const instanceId = 'instanceId';
 const Wrapper = ({ children }: { children: React.ReactNode }) => (
-  <RecordPickerComponentInstanceContext.Provider value={{ instanceId }}>
+  <SingleRecordPickerComponentInstanceContext.Provider value={{ instanceId }}>
     <RecoilRoot>{children}</RecoilRoot>
-  </RecordPickerComponentInstanceContext.Provider>
+  </SingleRecordPickerComponentInstanceContext.Provider>
 );
 
 describe('useLimitPerMetadataItem', () => {

packages/twenty-front/src/modules/object-metadata/utils/getLabelIdentifierFieldValue.ts

@@ -17,7 +17,7 @@ export const getLabelIdentifierFieldValue = (
   }
 
   if (isDefined(labelIdentifierFieldMetadataItem?.name)) {
-    return String(record[labelIdentifierFieldMetadataItem.name]);
+    return record[labelIdentifierFieldMetadataItem.name];
   }
 
   return '';

packages/twenty-front/src/modules/object-metadata/utils/getObjectRecordIdentifier.ts

@@ -12,7 +12,13 @@ export const getObjectRecordIdentifier = ({
   objectMetadataItem,
   record,
 }: {
-  objectMetadataItem: ObjectMetadataItem;
+  objectMetadataItem: Pick<
+    ObjectMetadataItem,
+    | 'fields'
+    | 'labelIdentifierFieldMetadataId'
+    | 'nameSingular'
+    | 'imageIdentifierFieldMetadataId'
+  >;
   record: ObjectRecord;
 }): ObjectRecordIdentifier => {
   const labelIdentifierFieldMetadataItem =