5078 ability to invite team members (#5750)

## Added features
- update team member setting page
- add a section to send invitation by email
- add a new invitation email
- update email font to 'Trebuchet MS' as Google Inter font is not
working, we need to use a web safe font
https://templates.mailchimp.com/design/typography/

## Demo

https://github.com/twentyhq/twenty/assets/29927851/c731d883-1599-4281-87e3-0671f36994ae

## Invitation Email

![image](https://github.com/twentyhq/twenty/assets/29927851/d569fc64-fa0c-4769-a3dd-1193a12b495c)

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

@@ -1,34 +1,30 @@
-import { ReactNode } from 'react';
-import { Column } from '@react-email/components';
-import { Row } from '@react-email/row';
+import React, { ReactNode } from 'react';
 import { Text } from '@react-email/text';
 
 import { emailTheme } from 'src/common-style';
 
-const rowStyle = {
-  display: 'flex',
-};
-
 const highlightedStyle = {
-  borderRadius: '4px',
+  borderRadius: emailTheme.border.radius.sm,
   background: emailTheme.background.colors.highlight,
   padding: '4px 8px',
-  margin: 0,
   fontSize: emailTheme.font.size.lg,
   fontWeight: emailTheme.font.weight.bold,
   color: emailTheme.font.colors.highlighted,
 };
 
+const divStyle = {
+  display: 'flex',
+};
+
 type HighlightedTextProps = {
   value: ReactNode;
+  centered?: boolean;
 };
 
 export const HighlightedText = ({ value }: HighlightedTextProps) => {
   return (
-    <Row style={rowStyle}>
-      <Column>
-        <Text style={highlightedStyle}>{value}</Text>
-      </Column>
-    </Row>
+    <div style={divStyle}>
+      <Text style={highlightedStyle}>{value}</Text>
+    </div>
   );
 };