refactor: change default element for button group

Author: essenmitsosse

app/components/AppHeader.vue

@@ -150,7 +150,7 @@ onKeyStroke(
       </div>
 
       <!-- End: Desktop nav items + Mobile menu button -->
-      <ButtonGroup as="div" class="hidden sm:flex flex-shrink-0">
+      <ButtonGroup class="hidden sm:flex flex-shrink-0">
         <!-- Desktop: Compare link -->
         <LinkBase variant="button-secondary" :to="{ name: 'compare' }" keyshortcut="c">
           {{ $t('nav.compare') }}

app/components/Button/Group.vue

@@ -6,7 +6,7 @@ const props = defineProps<{
 
 <template>
   <component
-    :is="props.as || 'nav'"
+    :is="props.as || 'div'"
     class="flex items-center shrink-0 ms-auto [&>*:not(:first-child)]:rounded-s-none [&>*:not(:first-child)]:border-s-0 [&>*:not(:last-child)]:rounded-e-none"
   >
     <slot />

app/pages/package/[[org]]/[name].vue

@@ -649,6 +649,7 @@ onKeyStroke(
           <!-- Internal navigation: Docs + Code + Compare (hidden on mobile, shown in external links instead) -->
           <ButtonGroup
             v-if="resolvedVersion"
+            as="div"
             :aria-label="$t('package.navigation')"
             class="hidden sm:flex"
           >