have footer on emails (#11300)

# ISSUE 

- Closes #9622

---------

Co-authored-by: Félix Malfait <felix@twenty.com>

packages/twenty-emails/src/emails/clean-suspended-workspace.email.tsx

@@ -1,4 +1,5 @@
-import { Trans } from '@lingui/react/macro';
+import { i18n } from '@lingui/core';
+import { Trans } from '@lingui/react';
 import { BaseEmail } from 'src/components/BaseEmail';
 import { CallToAction } from 'src/components/CallToAction';
 import { MainText } from 'src/components/MainText';
@@ -20,32 +21,40 @@ export const CleanSuspendedWorkspaceEmail = ({
 }: CleanSuspendedWorkspaceEmailProps) => {
   return (
     <BaseEmail width={333} locale={locale}>
-      <Title value={<Trans>Deleted Workspace</Trans>} />
+      <Title value={i18n._('Deleted Workspace')} />
       <MainText>
         {userName?.length > 1 ? (
-          <Trans>Dear {userName},</Trans>
+          <Trans id="Dear {userName}," values={{ userName }} />
         ) : (
-          <Trans>Hello,</Trans>
+          <Trans id="Hello," />
         )}
         <br />
         <br />
-        <Trans>
-          Your workspace <b>{workspaceDisplayName}</b> has been deleted as your
-          subscription expired {daysSinceInactive} days ago.
-        </Trans>
+        <Trans
+          id="Your workspace <0>{workspaceDisplayName}</0> has been deleted as your subscription expired {daysSinceInactive} days ago."
+          values={{ workspaceDisplayName, daysSinceInactive }}
+          components={{ 0: <b /> }}
+        />
         <br />
         <br />
-        <Trans>All data in this workspace has been permanently deleted.</Trans>
+        <Trans id="All data in this workspace has been permanently deleted." />
         <br />
         <br />
-        <Trans>
-          If you wish to use Twenty again, you can create a new workspace.
-        </Trans>
+        <Trans id="If you wish to use Twenty again, you can create a new workspace." />
       </MainText>
       <CallToAction
         href="https://app.twenty.com/"
-        value={<Trans>Create a new workspace</Trans>}
+        value={i18n._('Create a new workspace')}
       />
     </BaseEmail>
   );
 };
+
+CleanSuspendedWorkspaceEmail.PreviewProps = {
+  daysSinceInactive: 1,
+  userName: 'John Doe',
+  workspaceDisplayName: 'My Workspace',
+  locale: 'en',
+} as CleanSuspendedWorkspaceEmailProps;
+
+export default CleanSuspendedWorkspaceEmail;