Move emails to dedicated package (#3542)

* Add new package

* Add twenty-emails package

* Use generated files from twenty-emails in twenty-server

* Fix deleted file

* Import emails templates properly

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

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Column } from '@react-email/components';
+import { Row } from '@react-email/row';
+import { Text } from '@react-email/text';
+import { emailTheme } from 'src/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>
+  );
+};