fix(components): adjusting the height layout of alert on resize

[owilliams320]

Description

This pull request includes several changes to the AlertBase class in the libs/components/src/alert/alert-base.ts file to enhance its functionality and maintainability. The most important changes include adding a ResizeObserver to handle element resizing, updating the render method for better readability, and minor code formatting improvements.

What's included?

• Added a ResizeObserver to the AlertBase class to observe and handle element resizing. This includes initializing the observer in the constructor, updating the currentWidth state, and handling cleanup in the disconnectedCallback method. [1] [2]

Test Steps

• npm run storybook
• then navigate to the alert story
• finally add a lot of text in the description and resize the screen

General Tests for Every PR

• npm run start still works.
• npm run lint passes.
• npm run stylelint passes.
• npm test passes and code coverage is not lower.
• npm run build still works.

Screenshots or link to StackBlitz/Plunker

Uploading Screen Recording 2025-02-13 at 10.30.18 AM.mov…

[owilliams320]

🎉 This PR is included in version 10.0.2-beta.1 🎉

The release is available on:

• v10.0.2-beta.1
• GitHub release

Your semantic-release bot 📦🚀