fix(email): preserve word wrap and line breaks in email body (#2139) (#2159)

packages/email/template-components/template-custom-message-body.tsx

@@ -0,0 +1,35 @@
+import React from 'react';
+
+export type TemplateCustomMessageBodyProps = {
+  text?: string;
+};
+
+export const TemplateCustomMessageBody = ({ text }: TemplateCustomMessageBodyProps) => {
+  if (!text) {
+    return null;
+  }
+
+  const normalized = text
+    .trim()
+    .replace(/\r\n?/g, '\n')
+    .replace(/\n\s*\n+/g, '\n\n')
+    .replace(/\n{2,}/g, '\n\n');
+
+  const paragraphs = normalized.split('\n\n');
+
+  return paragraphs.map((paragraph, i) => (
+    <p
+      key={`p-${i}`}
+      className="whitespace-pre-line break-words font-sans text-base text-slate-400"
+    >
+      {paragraph.split('\n').map((line, j) => (
+        <React.Fragment key={`line-${i}-${j}`}>
+          {j > 0 && <br />}
+          {line}
+        </React.Fragment>
+      ))}
+    </p>
+  ));
+};
+
+export default TemplateCustomMessageBody;