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/activities/inline-cell/components/ActivityTargetsInlineCell.tsx

@@ -4,8 +4,8 @@ import { IconArrowUpRight, IconPencil } from 'twenty-ui';
 
 import { ActivityTargetChips } from '@/activities/components/ActivityTargetChips';
 import { useActivityTargetObjectRecords } from '@/activities/hooks/useActivityTargetObjectRecords';
-import { ActivityTargetInlineCellEditMode } from '@/activities/inline-cell/components/ActivityTargetInlineCellEditMode';
 import { useOpenActivityTargetInlineCellEditMode } from '@/activities/inline-cell/hooks/useOpenActivityTargetInlineCellEditMode';
+import { useUpdateActivityTargetFromInlineCell } from '@/activities/inline-cell/hooks/useUpdateActivityTargetFromInlineCell';
 import { ActivityEditorHotkeyScope } from '@/activities/types/ActivityEditorHotkeyScope';
 import { Note } from '@/activities/types/Note';
 import { Task } from '@/activities/types/Task';
@@ -18,6 +18,7 @@ import { RecordFieldInputScope } from '@/object-record/record-field/scopes/Recor
 import { RecordInlineCellContainer } from '@/object-record/record-inline-cell/components/RecordInlineCellContainer';
 import { RecordInlineCellContext } from '@/object-record/record-inline-cell/components/RecordInlineCellContext';
 import { useInlineCell } from '@/object-record/record-inline-cell/hooks/useInlineCell';
+import { MultipleRecordPicker } from '@/object-record/record-picker/multiple-record-picker/components/MultipleRecordPicker';
 import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 
 type ActivityTargetsInlineCellProps = {
@@ -38,6 +39,8 @@ export const ActivityTargetsInlineCell = ({
   const { activityTargetObjectRecords } =
     useActivityTargetObjectRecords(activity);
 
+  const multipleRecordPickerInstanceId = `multiple-record-picker-target-${activity.id}`;
+
   const { closeInlineCell } = useInlineCell();
 
   const { fieldDefinition } = useContext(FieldContext);
@@ -64,6 +67,12 @@ export const ActivityTargetsInlineCell = ({
   const { openActivityTargetInlineCellEditMode } =
     useOpenActivityTargetInlineCellEditMode();
 
+  const { updateActivityTargetFromInlineCell } =
+    useUpdateActivityTargetFromInlineCell({
+      activityObjectNameSingular,
+      activityId: activity.id,
+    });
+
   return (
     <RecordFieldInputScope recordFieldInputScopeId={activity?.id ?? ''}>
       <FieldFocusContextProvider>
@@ -72,20 +81,27 @@ export const ActivityTargetsInlineCell = ({
             <RecordInlineCellContext.Provider
               value={{
                 buttonIcon: IconPencil,
-                customEditHotkeyScope: {
-                  scope: ActivityEditorHotkeyScope.ActivityTargets,
-                },
+                customEditHotkeyScope:
+                  ActivityEditorHotkeyScope.ActivityTargets,
                 IconLabel: showLabel ? IconArrowUpRight : undefined,
                 showLabel: showLabel,
                 readonly: isFieldReadOnly,
                 labelWidth: fieldDefinition?.labelWidth,
                 editModeContent: (
-                  <ActivityTargetInlineCellEditMode
-                    activity={activity}
-                    activityTargetWithTargetRecords={
-                      activityTargetObjectRecords
-                    }
-                    activityObjectNameSingular={activityObjectNameSingular}
+                  <MultipleRecordPicker
+                    componentInstanceId={multipleRecordPickerInstanceId}
+                    onClickOutside={() => {}}
+                    onChange={(morphItem) => {
+                      updateActivityTargetFromInlineCell({
+                        recordPickerInstanceId: multipleRecordPickerInstanceId,
+                        morphItem,
+                        activityTargetWithTargetRecords:
+                          activityTargetObjectRecords,
+                      });
+                    }}
+                    onSubmit={() => {
+                      closeInlineCell();
+                    }}
                   />
                 ),
                 label: 'Relations',
@@ -97,7 +113,8 @@ export const ActivityTargetsInlineCell = ({
                 ),
                 onOpenEditMode: () => {
                   openActivityTargetInlineCellEditMode({
-                    recordPickerInstanceId: `record-picker-${activity.id}`,
+                    recordPickerInstanceId: multipleRecordPickerInstanceId,
+                    activityTargetObjectRecords,
                   });
                 },
               }}