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/HighlightedContainer.tsx

@@ -0,0 +1,33 @@
+import React, { PropsWithChildren } from 'react';
+import { Container } from '@react-email/components';
+
+import { emailTheme } from 'src/common-style';
+
+type HighlightedContainerProps = PropsWithChildren;
+
+const highlightedContainerStyle = {
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  background: emailTheme.background.colors.highlight,
+  border: `1px solid ${emailTheme.border.color.highlighted}`,
+  borderRadius: emailTheme.border.radius.md,
+  padding: '24px 48px',
+  gap: '24px',
+};
+
+const divStyle = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+} as React.CSSProperties;
+
+export const HighlightedContainer = ({
+  children,
+}: HighlightedContainerProps) => {
+  return (
+    <Container style={highlightedContainerStyle}>
+      <div style={divStyle}>{children}</div>
+    </Container>
+  );
+};