fix: Fix rendering of emails in Gmail web client

[SuaYoo]

Resolves #3617

Changes

• Migrates react-email to latest to fix trees shaking issue (introduced in https://github.com/resend/react-email/releases/tag/react-email%406.8.0) and Gmail fixes (fix(tailwind): downlevel CSS for email client compatibility resend/react-email#3086)
• Gmail web client fixes:
  • Switches button ring to border since Gmail doesn't support box-shadow
  • Removes transition which was breaking button styles
  • Checks whether sender is an email address and manually styles it to prevent Gmail from applying default link styles

Manual testing

From /emails:

1. Update email dependencies with yarn
2. Run dev server with yarn dev
3. Use "Send" in editor to email yourself
4. Switch to your email client. Verify button renders (without shadow)

Screenshots

Before	After

[socket-security]

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff	Package	Supply Chain Security	Vulnerability	Quality	Maintenance	License
	npm/​@​react-email/​ui@​6.6.5 ⏵ 6.11.0	+12		+1
	npm/​@​react-email/​editor@​1.7.9
	npm/​react-email@​6.6.5 ⏵ 6.11.0			+2

View full report

[emma-sg]

Thank you for getting to the bottom of this!