feat: improve styling of html product descriptions

[becomevocal]

What/Why?

Updates the product description styles to space out elements and support the same header styling as the web page route.

This helps the content blend into the aesthetic better. The content is smashed together now, which is strange to have as a default!

Note: I could totally see this being inside vibe components themselves. If that makes more sense, I'll close this PR and make the changes there.

Testing

Before:

After:

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
catalyst-canary	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 11, 2025 5:24pm

4 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
catalyst	⬜️ Ignored (Inspect)			Feb 11, 2025 5:24pm
catalyst-au	⬜️ Ignored (Inspect)			Feb 11, 2025 5:24pm
catalyst-soul	⬜️ Ignored (Inspect)			Feb 11, 2025 5:24pm
catalyst-uk	⬜️ Ignored (Inspect)			Feb 11, 2025 5:24pm

[changeset-bot]

⚠️ No Changeset found

Latest commit: eb83cd9

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

[migueloller]

@becomevocal, this looks a lot better! I do think this should be a change that's applied in VIBES so that the prose class applies these styles consistently