fix: unify active menu item styles for better consistency

Author: mustafa-sayyed

src/components/pages/FoundationHeader.astro

@@ -291,6 +291,12 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
     margin-inline-start: var(--space-2xs);
   }
 
+  .menu-item--level-1 > .is-active,
+    .menu-item--level-2 > .is-active {
+      text-decoration: underline;
+      text-decoration-color: currentColor;
+    }
+
   @media screen and (max-width: 479px) {
     .site-links-wrapper {
       width: 100%;
@@ -333,14 +339,8 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
       display: block;
     }
 
-    .menu-item--level-1 > .is-active {
-      text-decoration: underline;
-      text-decoration-thickness: 1.5px;
-      text-underline-offset: 5px;
-    }
-
+    .menu-item--level-1 > .is-active,
     .menu-item--level-2 > .is-active {
-      text-decoration: underline;
       text-decoration-thickness: 1.5px;
       text-underline-offset: 5px;
     }
@@ -477,8 +477,6 @@ import ExternalIcon from "../../../public/img/icon-external.svg";
 
     .menu-item--level-1 > .is-active,
     .menu-item--level-2 > .is-active {
-      text-decoration: underline;
-      text-decoration-color: currentColor;
       text-decoration-thickness: 2px;
       text-underline-offset: 8px;
     }