Allow many record fields relative to the same record type in workflow forms (#12522)

Relative to https://github.com/twentyhq/twenty/issues/12517

## Before


https://private-user-images.githubusercontent.com/29370468/453438380-58c52f55-9145-40f9-a9e9-caec2a2281ea.mp4?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3NDk1NzAwODAsIm5iZiI6MTc0OTU2OTc4MCwicGF0aCI6Ii8yOTM3MDQ2OC80NTM0MzgzODAtNThjNTJmNTUtOTE0NS00MGY5LWE5ZTktY2FlYzJhMjI4MWVhLm1wND9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTA2MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwNjEwVDE1MzYyMFomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWYxY2VlZWVmM2I2ZDBhOGQ3NzdlMjEyZTE3OTg0ZDZmMWRmMjQzZTVmYWM5MmU4NDM1NjkyZjNiYWZmMzUxZTAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.n3nrJ4-I-pUjMz2YripGDHZtKc_P3hSlOFK7apFqVIA

## After


https://github.com/user-attachments/assets/4877ca29-f900-48ea-ba3c-124f910d8cf3

packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/form-action/components/__stories__/WorkflowEditActionFormFiller.stories.tsx

@@ -1,10 +1,15 @@
 import { WorkflowFormAction } from '@/workflow/types/Workflow';
 import { Meta, StoryObj } from '@storybook/react';
-import { expect, within } from '@storybook/test';
+import { expect, userEvent, waitFor, within } from '@storybook/test';
 import { FieldMetadataType } from 'twenty-shared/types';
-import { ComponentDecorator, RouterDecorator } from 'twenty-ui/testing';
+import {
+  ComponentDecorator,
+  getCanvasElementForDropdownTesting,
+  RouterDecorator,
+} from 'twenty-ui/testing';
 import { I18nFrontDecorator } from '~/testing/decorators/I18nFrontDecorator';
 import { ObjectMetadataItemsDecorator } from '~/testing/decorators/ObjectMetadataItemsDecorator';
+import { SnackBarDecorator } from '~/testing/decorators/SnackBarDecorator';
 import { WorkflowStepActionDrawerDecorator } from '~/testing/decorators/WorkflowStepActionDrawerDecorator';
 import { WorkflowStepDecorator } from '~/testing/decorators/WorkflowStepDecorator';
 import { WorkspaceDecorator } from '~/testing/decorators/WorkspaceDecorator';
@@ -25,6 +30,7 @@ const meta: Meta<typeof WorkflowEditActionFormFiller> = {
     RouterDecorator,
     ObjectMetadataItemsDecorator,
     WorkspaceDecorator,
+    SnackBarDecorator,
   ],
 };
 
@@ -81,6 +87,42 @@ const mockAction: WorkflowFormAction = {
   },
 };
 
+const mockActionWithDuplicatedRecordFields: WorkflowFormAction = {
+  id: 'form-action-1',
+  type: 'FORM',
+  name: 'Test Form',
+  valid: true,
+  settings: {
+    input: [
+      {
+        id: 'field-1',
+        name: 'record',
+        label: 'Record',
+        type: 'RECORD',
+        placeholder: 'Select a record',
+        settings: {
+          objectName: 'company',
+        },
+      },
+      {
+        id: 'field-2',
+        name: 'record',
+        label: 'Record',
+        type: 'RECORD',
+        placeholder: 'Select a record',
+        settings: {
+          objectName: 'company',
+        },
+      },
+    ],
+    outputSchema: {},
+    errorHandlingOptions: {
+      retryOnFailure: { value: false },
+      continueOnFailure: { value: false },
+    },
+  },
+};
+
 export const Default: Story = {
   args: {
     action: mockAction,
@@ -124,7 +166,41 @@ export const ReadonlyMode: Story = {
     const dateInput = await canvas.findByPlaceholderText('mm/dd/yyyy');
     expect(dateInput).toBeDisabled();
 
-    const submitButton = await canvas.queryByText('Submit');
+    const submitButton = canvas.queryByText('Submit');
     expect(submitButton).not.toBeInTheDocument();
   },
 };
+
+export const CanHaveManyRecordFieldsForTheSameRecordType: Story = {
+  args: {
+    action: mockActionWithDuplicatedRecordFields,
+    actionOptions: {
+      readonly: false,
+    },
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement);
+
+    const recordSelects = await waitFor(() => {
+      const elements = canvas.getAllByText('Select a company');
+
+      expect(elements.length).toBe(2);
+
+      return elements;
+    });
+
+    for (const recordSelect of recordSelects) {
+      expect(recordSelect).toBeVisible();
+
+      await userEvent.click(recordSelect);
+
+      await waitFor(() => {
+        expect(
+          within(getCanvasElementForDropdownTesting()).getByText('Louis Duss'),
+        ).toBeVisible();
+      });
+
+      await userEvent.click(canvasElement);
+    }
+  },
+};