fix: prevent menu links from being focusable when menu is closed

Author: hxrshxz

src/components/Nav/MainNavLinks.tsx

@@ -75,21 +75,31 @@ export const MainNavLinks = ({
       <ul>
         {links.map((link) => (
           <li key={link.label}>
-            <a href={link.url}>{link.label}</a>
+            <a href={link.url} tabIndex={isOpen ? 0 : -1}>
+              {link.label}
+            </a>
           </li>
         ))}
       </ul>
       <ul class="flex flex-col gap-[15px]">
         <li>
-          <a className={styles.buttonlink} href="https://editor.p5js.org">
+          <a
+            className={styles.buttonlink}
+            href="https://editor.p5js.org"
+            tabIndex={isOpen ? 0 : -1}
+          >
             <div class="mr-xxs">
               <Icon kind="code-brackets" />
             </div>
             {editorButtonLabel}
           </a>
         </li>
         <li>
-          <a className={styles.buttonlink} href="/donate/">
+          <a
+            className={styles.buttonlink}
+            href="/donate/"
+            tabIndex={isOpen ? 0 : -1}
+          >
             <div class="mr-xxs">
               <Icon kind="heart" />
             </div>