Fix "hide banner" button not contained within any landmark region

Author: tsengwoody

src/components/Banner/index.astro

@@ -6,7 +6,7 @@ const { link, title } = entry.data;
 ---
 
 <div class="banner bg-accent-color text-accent-type-color" style={{ display: 'none' }} data-title={title}>
-  <a class="banner-content" href={link} target="_blank">
+  <a class="banner-content" href={link} target="_blank" title="Opens in new tab">
     <Content />
   </a>
   <button id="hideBanner" aria-label="Hide banner"><Icon kind="close" /></button>

src/components/Footer/index.astro

@@ -83,8 +83,8 @@ const bannerEntry = await getEntry("banner", currentLocale);
       </ul>
     </div>
   </div>
+  {bannerEntry && !bannerEntry.data.hidden && (<Banner entry={bannerEntry} />)}
 </footer>
-{bannerEntry && !bannerEntry.data.hidden && (<Banner entry={bannerEntry} />)}
 
 <style></style>