update markup

src/lib/components/MainNav.svelte

@@ -22,7 +22,7 @@
         {#each links as link}
             <li class="web-main-header-nav-item text-primary hover:text-accent">
                 {#if link.submenu}
-                    <button
+                    <div
                         class="web-main-header-nav-item-button"
                         aria-haspopup="true"
                         aria-expanded="false"
@@ -30,7 +30,7 @@
                         data-submenu-button
                     >
                         <svelte:component this={link.submenu} label={link.label} />
-                    </button>
+                    </div>
                 {:else}
                     <a
                         class={classNames(

src/lib/components/ProductsSubmenu.svelte

@@ -82,7 +82,7 @@
     export let label: string;
 </script>
 
-<li
+<button
     class={classNames(
         'text-primary focus:text-accent hover:text-accent inline-flex cursor-pointer items-center justify-between outline-none',
         {
@@ -98,7 +98,7 @@
             'rotate-180': $open
         })}
     />
-</li>
+</button>
 
 <div
     use:melt={$menu}