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

@@ -0,0 +1,22 @@
+import * as React from 'react';
+import { Button } from '@react-email/button';
+import { emailTheme } from 'src/common-style';
+const callToActionStyle = {
+  display: 'flex',
+  padding: '8px 32px',
+  borderRadius: '8px',
+  border: `1px solid ${emailTheme.background.transparent.light}`,
+  background: emailTheme.background.radialGradient,
+  boxShadow: `0px 2px 4px 0px ${emailTheme.background.transparent.light}, 0px 0px 4px 0px ${emailTheme.background.transparent.medium}`,
+  color: emailTheme.font.colors.inverted,
+  fontSize: emailTheme.font.size.md,
+  fontWeight: emailTheme.font.weight.bold,
+};
+
+export const CallToAction = ({ value, href }) => {
+  return (
+    <Button href={href} style={callToActionStyle}>
+      {value}
+    </Button>
+  );
+};