Fix minor SEO issues

Author: nikoshell

src/components/footer.astro

@@ -15,7 +15,7 @@ const gitVersion = import.meta.env.GIT_VERSION;
     <div>
       <nav class="mb-12">
         <h6 class="font-bold text-xl mb-6">Quicklinks</h6>
-
+        <ul>
         {
           links.footer.map((item) => (
             <li class="list-none">
@@ -29,14 +29,15 @@ const gitVersion = import.meta.env.GIT_VERSION;
             </li>
           ))
         }
+        </ul>
       </nav>
     </div>
 
     <article
       class="flex flex-col lg:flex-row self-center gap-8 lg:gap-12 justify-end"
     >
       <div>
-        <EPSLogo className="max-w-[200px] h-auto w-full" />
+        <EPSLogo className="max-w-[100px] lg:max-w-[200px] h-auto w-full" />
       </div>
       <div>
         <address class="not-italic mb-4">

src/components/header/header-button.astro

@@ -18,7 +18,9 @@ const { href, variant = "standard" } = Astro.props;
       "bg-red": variant === "live",
     },
   ]}
-  href={href}
+
+  role="button"
+  href={href || "#"}
 >
   <slot />
 </a>

src/components/nav-items/nav-items.tsx

@@ -27,7 +27,10 @@ export const NavItems = ({ items, inverted = false }: Props) => {
           )}
         >
           <a
-            href={item.path}
+            href={item.path || "#"}
+            aria-haspopup="true"
+            role="button"
+            rel="nofollow"
             className={clsx(
               "font-bold inline-block w-full text-3xl xl:text-base p-5 text-center",
               "xl:text-left xl:p-2 xl:px-5",
@@ -59,6 +62,7 @@ export const NavItems = ({ items, inverted = false }: Props) => {
                   >
                     <a
                       href={subItem.path || "#"}
+                      role="button"
                       className={clsx(
                         "block w-full font-bold text-center",
                         "xl:text-left mb-[2px] p-2 xl:px-5"