chore: fixing issue with the microsite banner positioning

Signed-off-by: blam <ben@blam.sh>

microsite/static/css/custom.css

@@ -1086,11 +1086,15 @@ code {
   display: flex;
 }
 
-.Banner--hidden {
+.Banner--hiding {
   opacity: 0;
   transition: opacity 200ms ease-in-out;
 }
 
+.Banner--hidden {
+  display: none;
+}
+
 .Banner a {
   color: #000;
   text-decoration: underline;

microsite/static/js/dismissable-banner.js

@@ -10,7 +10,7 @@ window.addEventListener('DOMContentLoaded', () => {
     const dismissButton = banner.querySelector('[data-banner-dismiss]');
     if (dismissButton) {
       dismissButton.addEventListener('click', () => {
-        banner.classList.add('Banner--hidden');
+        banner.classList.add('Banner--hiding');
         localStorage.setItem(storageKey, 'true');
       });
     }