feat: new banner design

[kptdobe]

@chicharr as discussed, styling inspired from pagespeed. Some notes:

• I had to reorganised the css to make the banner and the dialog 2 clearly separated things.
• I removed the close button from the banner because I did not find how to style it and finally thought it is useless

Test URLs:

• Before: https://main--aem-block-collection--adobe.hlx.page/block-collection/cookie-consent-demo
• After: https://cookieconsent-css--aem-block-collection--adobe.hlx.page/block-collection/cookie-consent-demo

[aem-code-sync]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed.
In case there are problems, just click a checkbox below to rerun the respective action.

• Re-run PSI checks
• Re-sync branch

Commits

• 90bfaa3 ✅ (latest)
• 9188778 ✅
• 8f1eb2a ✅
• 9e4be3d ✅
• 2b2a104 ✅

[meryllblanchet]

@kptdobe your after link returns a 404, I guess there's a typo in the URL. Could you check?

[kptdobe]

@kptdobe your after link returns a 404, I guess there's a typo in the URL. Could you check?

Oh yes, I relied on the link in the PR default template which is completely wrong. I fixed the link here and in the PR template (see 9e4be3d)

[aem-code-sync]

Page	Scores	Audits	Google
/block-collection/cookie-consent-demo

[chicharr]

@kptdobe thanks, it looks much nicer now :)
PSI Accessibility check complains about the low contrast ratio in the banner