fix(navigation): ensure active state and hover effect work correctly with HTMX by moving header inside viewport

partials/navigation.hbs

@@ -1,10 +1,8 @@
 <ul class="nav">
     {{#foreach navigation}}
     <li class="{{link_class for=url class=(concat "nav-" slug)}}">
-        <a href="{{url absolute="true"}}" class="relative py-2 px-1 transition-all duration-300 {{#if current}}text-[var(--brand-primary)] font-bold{{else}}hover:text-[var(--brand-primary)] opacity-80 hover:opacity-100{{/if}} group">
+        <a href="{{url absolute="true"}}" class="nav-link">
             {{label}}
-            {{!-- Animated Underline --}}
-            <span class="absolute bottom-0 left-0 w-full h-0.5 bg-[var(--brand-primary)] transform {{#if current}}scale-x-100{{else}}scale-x-0 group-hover:scale-x-100{{/if}} transition-transform duration-300 ease-out origin-left"></span>
         </a>
     </li>
     {{/foreach}}