fix(Alert): height and alignment

[LinKCoding]

Overview

Two Issues:

1. The Alert's alignments were off (not centered and stretched out):
   The alignment Alert wasn't rendering properly because the alert was stretched vertically.
   Upon investigation, it was the X button that had a large height, despite the button seemingly set to "small"
   Looking into IconButton, seems like the size prop wasn't used, adding this prop back in seemed to fix the issue.

2. The border radius of both inline and general alerts should be 3px.

PR Checklist

• Related to designs: https://www.figma.com/design/ReGfRNillGABAj5SlITalN/%F0%9F%93%90-Gamut?node-id=30186-40358&m=dev
• Related to JIRA ticket: [ABC-123]
• I have run this code to verify it works
• This PR includes unit tests for the code change
• This PR includes testing instructions tests for the code change
• The alpha package of this PR is passing end-to-end tests in all relevant Codecademy repositories

Testing Instructions

1. Go to /docs/molecules-alert--usage-guidelines#alert-types
2. Check that the height alignment matches figma

PR Links and Envs

Repository	PR Link	PR Env
Monolith	Monolith PR	Monolith Env
Portal	Portal Link	Portal Env
Another Repo	Another Link	Another Env

[codecademydev]

📬Published Alpha Packages:

@codecademy/[email protected]
@codecademy/[email protected]
@codecademy/[email protected]

[codecademydev]

🚀 Styleguide deploy preview ready!

https://668c48fbb43fe1b048e8c9e0--gamut-preview.netlify.app

Deploy Logs