fix: border + borderRadius rendering issue

[Sagarbisht99]

🛠️ What does this PR do?

This PR resolves a known issue where applying both border and borderRadius directly on a <table> leads to inconsistent rendering across email clients, especially in Outlook.

📌 Solution: Instead of applying a CSS border directly, this change wraps the inner table inside an outer table with:

• backgroundColor set to the borderColor
• padding set to the borderWidth

This technique visually simulates a border while allowing the inner table’s borderRadius to render correctly.

💻 Before vs After

<!-- ❌ Problematic: -->
<table style="border: 4px solid #00ff4f; border-radius: 8px;">...</table>

<!-- ✅ Fixed: -->
<table style="background-color: #00ff4f; padding: 4px; border-radius: 8px;">
  <table style="background-color: #f40707; border-radius: 4px;">...</table>
</table>

[changeset-bot]

⚠️ No Changeset found

Latest commit: 49804e6

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

@Sagarbisht99 is attempting to deploy a commit to the resend Team on Vercel.

A member of the Team first needs to authorize it.

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/resend/react-email/@react-email/section@2306

commit: 49804e6