Minify JS and resolve accessibility issues (back to 100% in Lighthouse) (#4)

Reviewed-on: #4
Co-authored-by: mifi <badmf@mifi.dev>
Co-committed-by: mifi <badmf@mifi.dev>

src/lib/components/Navigation.svelte

@@ -14,20 +14,27 @@
         <span class="mobile nav-header-logo">
             <Wordmark />
         </span>
-        <label
-            id="nav-toggle-label"
-            for="nav-toggle"
-            class="nav-toggle"
+        <button
+            type="button"
+            id="nav-toggle-button"
+            class="btn-clear"
             aria-controls="nav-menu"
             aria-label="Toggle navigation"
             aria-expanded="false"
         >
-            <span class="nav-toggle-inner">
-                <span class="nav-toggle-line"></span>
-                <span class="nav-toggle-line"></span>
-                <span class="nav-toggle-line"></span>
-            </span>
-        </label>
+            <label
+                id="nav-toggle-label"
+                for="nav-toggle"
+                class="nav-toggle"
+                role="presentation"
+            >
+                <span class="nav-toggle-inner">
+                    <span class="nav-toggle-line"></span>
+                    <span class="nav-toggle-line"></span>
+                    <span class="nav-toggle-line"></span>
+                </span>
+            </label>
+        </button>
     </div>
     <div id="nav-menu" class="nav-menu container">
         <span class="nav-header-logo desktop">
@@ -149,6 +156,14 @@
         }
     }
 
+    .btn-clear {
+        background: transparent;
+        border: none;
+        padding: 0;
+        margin: 0;
+        cursor: pointer;
+    }
+
     .nav-toggle {
         display: none;
         align-items: center;