Enforce email templating (#3355)

* Add react-email

* WIP

* Fix import error

* Rename services

* Update logging

* Update email template

* Update email template

* Add Base Email template

* Move to proper place

* Remove test files

* Update logo

* Add email theme

* Revert "Remove test files"

This reverts commit fe062dd05166b95125cf99f2165cc20efb6c275a.

* Add email theme 2

* Revert "Revert "Remove test files""

This reverts commit 6c6471273ad765788f2eaf5a5614209edfb965ce.

* Revert "Revert "Revert "Remove test files"""

This reverts commit f851333c24e9cfe3f425c9cbbd1e079efce5c3dd.

* Revert "Revert "Revert "Revert "Remove test files""""

This reverts commit 7838e19e88e269026e24803f26cd52b467b4ef36.

* Fix theme

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

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import { Row } from '@react-email/row';
+import { Text } from '@react-email/text';
+import { Column } from '@react-email/components';
+
+import { emailTheme } from 'src/emails/common-style';
+
+const rowStyle = {
+  display: 'flex',
+};
+
+const highlightedStyle = {
+  borderRadius: '4px',
+  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,
+};
+
+export const HighlightedText = ({ value }) => {
+  return (
+    <Row style={rowStyle}>
+      <Column>
+        <Text style={highlightedStyle}>{value}</Text>
+      </Column>
+    </Row>
+  );
+};