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-front/src/modules/workspace/utils/__tests__/extractEmailList.test.ts

@@ -0,0 +1,28 @@
+import { extractEmailsList } from '@/workspace/utils/extractEmailList';
+
+describe('extractEmailList', () => {
+  it('should extract email list', () => {
+    expect(extractEmailsList('toto@toto.com')).toEqual(['toto@toto.com']);
+  });
+  it('should extract email list with multiple emails', () => {
+    expect(extractEmailsList('toto@toto.com,toto2@toto.com')).toEqual([
+      'toto@toto.com',
+      'toto2@toto.com',
+    ]);
+  });
+  it('should extract email list with multiple emails and wrong emails', () => {
+    expect(extractEmailsList('toto@toto.com,toto2@toto.com,toto')).toEqual([
+      'toto@toto.com',
+      'toto2@toto.com',
+      'toto',
+    ]);
+  });
+  it('should remove duplicates', () => {
+    expect(extractEmailsList('toto@toto.com,toto@toto.com')).toEqual([
+      'toto@toto.com',
+    ]);
+  });
+  it('should remove empty emails', () => {
+    expect(extractEmailsList('toto@toto.com,')).toEqual(['toto@toto.com']);
+  });
+});

packages/twenty-front/src/modules/workspace/utils/extractEmailList.ts

@@ -0,0 +1,10 @@
+export const extractEmailsList = (emails: string) => {
+  return Array.from(
+    new Set(
+      emails
+        .split(',')
+        .map((email) => email.trim())
+        .filter((email) => email.length > 0),
+    ),
+  );
+};