Fix accessibility issues

src/components/molecules/EmailForm.svelte

@@ -25,6 +25,7 @@
                 type="submit" form="sib-form"
                 color="pink" size="small"
                 clone={true}
+                label="Subscribe"
             >
                 <IconArrow color="white" />
             </ButtonCircle>

src/components/molecules/Location.svelte

@@ -56,7 +56,7 @@
     }
 </script>
 
-<div class="location" role="listitem" bind:this={locationEl}
+<div class="location" bind:this={locationEl}
     style="--offset-x: {$offset.x}px; --offset-y: {$offset.y}px; --rotate: {$offset.x * 0.125}deg"
 >
     <a href="/{location.country.slug}/{location.slug}"

src/components/molecules/Switcher.svelte

@@ -56,20 +56,18 @@
     class:is-open={isOpen}
     class:is-over={isOver}
 >
-    <nav class="switcher__links">
-        <ul>
-            {#each links as { icon, iconLabel, url, text }}
-                <li class:is-active={$page.path.startsWith(url)}>
-                    <a href={url} on:click={toggleSwitcher}
-                        sveltekit:noscroll sveltekit:prefetch
-                    >
-                        <Icon class="icon" icon={icon} label={iconLabel} />
-                        <span>{text}</span>
-                    </a>
-                </li>
-            {/each}
-        </ul>
-    </nav>
+    <ul class="switcher__links">
+        {#each links as { icon, iconLabel, url, text }}
+            <li class:is-active={$page.path.startsWith(url)}>
+                <a href={url} on:click={toggleSwitcher}
+                    sveltekit:noscroll sveltekit:prefetch
+                >
+                    <Icon class="icon" icon={icon} label={iconLabel} />
+                    <span>{text}</span>
+                </a>
+            </li>
+        {/each}
+    </ul>
 
     <button class="switcher__button" title="{!isOpen ? 'Open' : 'Close'} menu" tabindex="0"
         on:click={toggleSwitcher}