fix: improve accessibility and visibility of navigation links

Author: hxrshxz

src/components/Nav/MainNavLinks.tsx

@@ -46,6 +46,7 @@ export const MainNavLinks = ({
         class={styles.toggle}
         onClick={handleToggle}
         aria-expanded={isOpen}
+        aria-controls="main-links-list main-cta-list"
         aria-label={mobileMenuLabel || "Toggle navigation menu"}
       >
         <div class={styles.mobileMenuLabel}>
@@ -72,7 +73,7 @@ export const MainNavLinks = ({
       }`}
     >
       {renderLogo()}
-      <ul>
+      <ul id="main-links-list" hidden={!isOpen}>
         {links.map((link) => (
           <li key={link.label}>
             <a href={link.url} tabIndex={isOpen ? 0 : -1}>
@@ -81,7 +82,7 @@ export const MainNavLinks = ({
           </li>
         ))}
       </ul>
-      <ul class="flex flex-col gap-[15px]">
+      <ul id="main-cta-list" class="flex flex-col gap-[15px]" hidden={!isOpen}>
         <li>
           <a
             class={styles.buttonlink}