feat(react-email): Customizable email view size (#1837)

Co-authored-by: Lucas de França <[email protected]>

Author: gabrielmfern

.changeset/empty-phones-relax.md

@@ -0,0 +1,5 @@
+---
+"react-email": minor
+---
+
+Make the width and height for the preview of the email customizable

apps/demo/emails/magic-links/aws-verify-email.tsx

@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface AWSVerifyEmailProps {
   verificationCode?: string;

apps/demo/emails/magic-links/linear-login-code.tsx

@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface LinearLoginCodeEmailProps {
   validationCode?: string;

apps/demo/emails/magic-links/notion-magic-link.tsx

@@ -9,7 +9,6 @@ import {
   Preview,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface NotionMagicLinkEmailProps {
   loginCode?: string;

apps/demo/emails/magic-links/plaid-verify-identity.tsx

@@ -9,7 +9,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface PlaidVerifyIdentityEmailProps {
   validationCode?: string;

apps/demo/emails/magic-links/raycast-magic-link.tsx

@@ -11,7 +11,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface RaycastMagicLinkEmailProps {
   magicLink?: string;

apps/demo/emails/magic-links/slack-confirm.tsx

@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface SlackConfirmEmailProps {
   validationCode?: string;

apps/demo/emails/newsletters/codepen-challengers.tsx

@@ -13,7 +13,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`

apps/demo/emails/newsletters/google-play-policy-update.tsx

@@ -12,7 +12,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 const baseUrl = process.env.VERCEL_URL
   ? `https://${process.env.VERCEL_URL}`

apps/demo/emails/newsletters/stack-overflow-tips.tsx

@@ -13,7 +13,6 @@ import {
   Section,
   Text,
 } from '@react-email/components';
-import * as React from 'react';
 
 interface StackOverflowTipsEmailProps {
   tips?: { id: number; description: string }[];