Add powered by Probo in email footer

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

packages/emails/src/components/EmailLayout.tsx

@@ -1,17 +1,15 @@
 import {
   Body,
-  Button,
   Container,
   Head,
-  Heading,
   Html,
   Link,
-  Preview,
   Section,
   Text,
 } from '@react-email/components';
 import * as React from 'react';
 import { Logo } from './Logo';
+import { ProboLogo } from './ProboLogo';
 
 interface EmailLayoutProps {
   subject: string;
@@ -47,6 +45,12 @@ export const EmailLayout = ({
             <Text style={footerAddress}>
               {"{{.SenderCompanyHeadquarterAddress}}"}
             </Text>
+            <Text style={footerAddress}>
+              <span style={{verticalAlign: "middle"}}>Powered By </span>
+              <Link style={{display: "inline-block", height: "16px", verticalAlign: "middle"}} href="https://www.getprobo.com">
+                <ProboLogo />
+              </Link>
+            </Text>
           </Section>
         </Container>
       </Body>

packages/emails/src/components/ProboLogo.tsx

@@ -0,0 +1,13 @@
+import { Img } from '@react-email/components';
+import * as React from 'react';
+
+export function ProboLogo() {
+  return (
+    <Img
+      style={{verticalAlign: "middle", height: "100%"}}
+      src="{{.BaseOrigin}}/logos/probo-gray-small.png"
+      alt="Probo"
+      height="16"
+    />
+  );
+}