fix(components): restrict first nav item padding to expanded navbar state

Only apply the double padding between brand logo/search bar and the first
nav item when the navbar is fully expanded. This prevents unwanted padding
when the navbar is in a collapsed state on small devices, even when
toggled open via hamburger menu.

Uses :not(.show, .collapsing) selector to target the expanded state
while explicitly removing padding when navbar is toggled to show state.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude Haiku 4.5 <[email protected]>

Author: markdumay

assets/scss/components/_navbar.scss

@@ -193,11 +193,17 @@
     white-space: nowrap;
 }
 
-.navbar .nav-item:first-of-type {
+.navbar-collapse:not(.show, .collapsing) .nav-item:first-of-type {
     // double padding between brand logo / search bar and first nav item
+    // only apply when navbar is fully expanded (not toggled to show)
     padding-left: var(--bs-navbar-nav-link-padding-x);
 }
 
+// Remove padding when navbar is toggled open on small devices
+.navbar-collapse.show .nav-item:first-of-type {
+    padding-left: 0;
+}
+
 .navbar-collapse .dropdown {
     display: inline;
     align-items: normal;