refactor: use react email for email templates (#734)

Co-authored-by: Alessandro (Ale) Segala <43508+ItalyPaleAle@users.noreply.github.com>
Co-authored-by: Elias Schneider <login@eliasschneider.com>

email-templates/emails/test.tsx

@@ -0,0 +1,26 @@
+import { Text } from "@react-email/components";
+import { BaseTemplate } from "../components/base-template";
+import CardHeader from "../components/card-header";
+import { sharedPreviewProps, sharedTemplateProps } from "../props";
+
+interface TestEmailProps {
+  logoURL: string;
+  appName: string;
+}
+
+export const TestEmail = ({ logoURL, appName }: TestEmailProps) => (
+  <BaseTemplate logoURL={logoURL} appName={appName}>
+    <CardHeader title="Test Email" />
+    <Text>Your email setup is working correctly!</Text>
+  </BaseTemplate>
+);
+
+export default TestEmail;
+
+TestEmail.TemplateProps = {
+  ...sharedTemplateProps,
+};
+
+TestEmail.PreviewProps = {
+  ...sharedPreviewProps,
+};