fix(ui): Radius inconsistencies

[joe-bell]

Description

• Aligns border-radius to Figma (smaller radius within the Card than on the outside)
• Adds data-card- attributes for ease of development and selection (previously it was very hard to distinguish between the divs)

Additionally, I checked when the Clerk branding was disabled; no differences were found and the Card correctly used the outer margin when no Card.Footer was rendered

Before

After

Checklist

• npm test runs as expected.
• npm run build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

[changeset-bot]

🦋 Changeset detected

Latest commit: ad05c14

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 0 packages

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

Not sure what this means? Click here to learn what changesets are.

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