style: adjust navigation component spacing and hover state transitions

Author: sebousan

css/components/nav.css

@@ -22,11 +22,7 @@
       flex-direction: var(--nav-direction, column);
       gap: var(--nav-gap);
       list-style: none;
-      margin: 0;
-    }
-
-    &,
-    &:is(ul, ol) {
+      margin-block: 0;
       padding-inline-start: 0;
     }