fix: toggle mobile menu button icon between bars and X on open/close

index.html

@@ -1534,11 +1534,19 @@
             // Mobile menu
             const btn = document.getElementById("mobile-menu-button");
             const menu = document.getElementById("mobile-menu");
-            btn.addEventListener("click", () =>
+            const btnIcon = btn.querySelector("i");
-                menu.classList.toggle("hidden"),
+            btn.addEventListener("click", () => {
-            );
+                menu.classList.toggle("hidden");
+                const isOpen = !menu.classList.contains("hidden");
+                btnIcon.classList.toggle("fa-bars", !isOpen);
+                btnIcon.classList.toggle("fa-times", isOpen);
+            });
             menu.querySelectorAll("a").forEach((a) =>
-                a.addEventListener("click", () => menu.classList.add("hidden")),
+                a.addEventListener("click", () => {
+                    menu.classList.add("hidden");
+                    btnIcon.classList.add("fa-bars");
+                    btnIcon.classList.remove("fa-times");
+                }),
             );
 
             // FAQ accordion
@@ -1655,8 +1663,6 @@
                         errorEl.classList.remove("hidden");
                     }
                 });
-
-
         </script>
 
         <script