Workaround to have tabindex for mobile dropdown but not on desktop

src/components/navbar.astro

@@ -11,11 +11,11 @@ const hamburger_src_url = `url("${hamburger.src}")`;
     <span class="visually-hidden">Firq Website Logo</span>
   </a>
   <ul class="desktop">
-    <slot />
+    <slot name="desktop"/>
   </ul>
   <button class="mobile" aria-label="Navigation Button" tabindex="0" onclick="this.focus()">
     <ul>
-      <slot />
+      <slot name="mobile"/>
     </ul>
     <div class="placeholder"></div>
     <div class="hamburger-menu" role="menu"></div>