Update CSS in email templates

Enhanced the design of the 'invite-user' and 'confirm-email' templates by adding new CSS code. This CSS code professionaly styles the email, improving readability and user experience.

packages/email-templates/src/components/wrapper.tsx

@@ -0,0 +1,30 @@
+import { Container } from '@react-email/components';
+import * as React from 'react';
+
+export function EmailWrapper(
+  props: React.PropsWithChildren<{
+    className?: string;
+  }>,
+) {
+  return (
+    <Container
+      style={{
+        backgroundColor: '#fff',
+        margin: 'auto',
+        fontFamily: 'sans-serif',
+        color: '#484848',
+      }}
+    >
+      <Container
+        style={{
+          maxWidth: '535px',
+          backgroundColor: '#fff',
+          margin: 'auto',
+        }}
+        className={'my-[36px] mx-auto px-4 ' + props.className || ''}
+      >
+        {props.children}
+      </Container>
+    </Container>
+  );
+}