Support variables file email attachment (#21613)

<!-- This is an auto-generated description by cubic. -->
<a
href="https://cubic.dev/pr/twentyhq/twenty/pull/21613?utm_source=github"
target="_blank" rel="noopener noreferrer"
data-no-image-dialog="true"><picture><source
media="(prefers-color-scheme: dark)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"><source
media="(prefers-color-scheme: light)"
srcset="https://www.cubic.dev/buttons/review-in-cubic-light.svg"><img
alt="Review in cubic"
src="https://www.cubic.dev/buttons/review-in-cubic-dark.svg"></picture></a>
<!-- End of auto-generated description by cubic. -->

packages/twenty-front/src/modules/workflow/types/EmailFormData.ts

@@ -1,6 +1,6 @@
 import {
   type EmailRecipients,
-  type WorkflowAttachment,
+  type WorkflowEmailFiles,
 } from 'twenty-shared/workflow';
 
 export type EmailFormData = {
@@ -8,6 +8,6 @@ export type EmailFormData = {
   recipients: Required<EmailRecipients>;
   subject: string;
   body: string;
-  files: WorkflowAttachment[];
+  files: WorkflowEmailFiles;
   inReplyTo: string;
 };

packages/twenty-front/src/modules/workflow/workflow-steps/workflow-actions/components/WorkflowEditActionEmailBase.tsx

@@ -385,9 +385,11 @@ export const WorkflowEditActionEmailBase = ({
           <WorkflowSendEmailAttachments
             label={t`Attachments`}
             files={formData.files}
+            readonly={actionOptions.readonly}
             onChange={(files) => {
               handleFieldChange('files', files);
             }}
+            VariablePicker={WorkflowVariablePicker}
           />
         </WorkflowStepBody>
         {!actionOptions.readonly && <WorkflowStepFooter stepId={action.id} />}