have footer on emails (#11300)

# ISSUE 

- Closes #9622

---------

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

packages/twenty-emails/src/components/MainText.tsx

@@ -1,14 +1,16 @@
-import { PropsWithChildren as MainTextProps } from 'react';
-import { Text } from '@react-email/text';
+import { Text } from '@react-email/components';
 
 import { emailTheme } from 'src/common-style';
 
+type MainTextProps = {
+  children: JSX.Element | JSX.Element[] | string;
+};
+
 const mainTextStyle = {
   fontFamily: emailTheme.font.family,
   fontSize: emailTheme.font.size.md,
   fontWeight: emailTheme.font.weight.regular,
   color: emailTheme.font.colors.primary,
-  margin: '0 0 12px 0',
   lineHeight: emailTheme.font.lineHeight,
 };