feat: rich text email body (#14482)

Co-authored-by: Raphaël Bosi <71827178+bosiraphael@users.noreply.github.com>
Co-authored-by: Félix Malfait <felix.malfait@gmail.com>
Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-front/src/modules/workflow/workflow-variables/components/WorkflowVariablesDropdown.tsx

@@ -109,6 +109,7 @@ export const WorkflowVariablesDropdown = ({
   return (
     <Dropdown
       dropdownId={dropdownId}
+      isDropdownInModal={true}
       clickableComponent={
         clickableComponent ?? (
           <StyledDropdownVariableButtonContainer

packages/twenty-front/src/modules/workflow/workflow-variables/utils/getInitialEmailEditorContent.ts

@@ -0,0 +1,31 @@
+import { getInitialEditorContent } from '@/workflow/workflow-variables/utils/getInitialEditorContent';
+import type { JSONContent } from '@tiptap/react';
+import { logError } from '~/utils/logError';
+
+// Previous format of the email body was plain text,
+// but from now on we will save it as JSON.
+// So it will fail to parse the content, that's why we have this fallback.
+export const getInitialEmailEditorContent = (
+  rawContent: string,
+): JSONContent => {
+  // Handle empty or null content
+  if (!rawContent || rawContent.trim() === '') {
+    return {
+      type: 'doc',
+      content: [
+        {
+          type: 'paragraph',
+          content: [],
+        },
+      ],
+    };
+  }
+
+  try {
+    const json = JSON.parse(rawContent);
+    return json;
+  } catch (error) {
+    logError(error);
+    return getInitialEditorContent(rawContent);
+  }
+};