Plug trust center part 1

Signed-off-by: Émile Ré <emile@getprobo.com>

packages/emails/src/MagicLink.tsx

@@ -0,0 +1,28 @@
+import { Button, Section, Text } from "@react-email/components";
+import * as React from "react";
+import EmailLayout, {
+  bodyText,
+  button,
+  buttonContainer,
+  footerText,
+} from "./components/EmailLayout";
+
+export const MagicLink = () => {
+  return (
+    <EmailLayout subject="Probo Magic Link">
+      <Text style={bodyText}>Please use this link to connect to Probo:</Text>
+
+      <Section style={buttonContainer}>
+        <Button style={button} href={"{{.MagicLinkURL}}"}>
+          Connect to Probo
+        </Button>
+      </Section>
+
+      <Text style={footerText}>
+        This link will expire in {"{{.DurationInMinutes}}"} minutes.
+      </Text>
+    </EmailLayout>
+  );
+};
+
+export default MagicLink;

packages/emails/src/TrustCenterAccess.tsx

@@ -1,22 +1,31 @@
-import { Button, Section, Text } from '@react-email/components';
-import * as React from 'react';
-import EmailLayout, { bodyText, button, buttonContainer, footerText } from './components/EmailLayout';
+import { Button, Section, Text } from "@react-email/components";
+import * as React from "react";
+import EmailLayout, {
+  bodyText,
+  button,
+  buttonContainer,
+  footerText,
+} from "./components/EmailLayout";
 
 export const TrustCenterAccess = () => {
   return (
-    <EmailLayout subject={`Trust Center Access Invitation - ${'{{.OrganizationName}}'}`} organizationName={'{{.OrganizationName}}'}>
+    <EmailLayout
+      subject={`Trust Center Access Invitation - ${"{{.OrganizationName}}"}`}
+    >
       <Text style={bodyText}>
-        You have been granted access to <strong>{'{{.OrganizationName}}'}</strong>'s Trust Center! Click the button below to access it:
+        You have been granted access to{" "}
+        <strong>{"{{.OrganizationName}}"}</strong>'s Trust Center! Click the
+        button below to access it:
       </Text>
 
       <Section style={buttonContainer}>
-        <Button style={button} href={'{{.AccessUrl}}'}>
+        <Button style={button} href={"{{.AccessUrl}}"}>
           Access Trust Center
         </Button>
       </Section>
 
       <Text style={footerText}>
-        This link will expire in {'{{.DurationInDays}}'} days.
+        This link will expire in {"{{.DurationInDays}}"} days.
       </Text>
     </EmailLayout>
   );