feature(website): styling cookie and newsletter signup banner

[ssandino]

• Adapted to New Design: Implemented the updated design specifications from Figma
• Improved Banner Placement: Refined the positioning logic for our notification banners. The update ensures that when multiple banners are displayed simultaneously, they do not overlap

Future Improvements: As new components are developed, consider removing the custom classes from the buttons and instead utilize the plain component directly in the future. This approach will streamline the codebase. However, the adjustments made in this update already represent an improvement. Therefore, I advocate for proceeding with deployment (if now code changes needed).

Before:

After:

Note the white background is hardly visible in the GIF (but it's there)

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
public	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Apr 4, 2024 10:18pm

[github-actions[bot]]

Visit the preview URL for this PR (updated for commit bcd2b5d):

https://si-admin-staging--pr793-sandino-styling-bann-vedselb1.web.app

_{(expires Thu, 11 Apr 2024 22:18:55 GMT)}

_{🔥 via Firebase Hosting GitHub Action 🌎}

_{Sign: b7b0969384059dce6ea8fad1ee1d1737e54e6676}

[mkue]

Closing this, as banners are not shown at the same time anymore.