refactor nav files + tiny css fixes

src/components/navigation/sidebars/nav/index.astro

@@ -0,0 +1,24 @@
+---
+import SidebarWrapper from "./SidebarWrapper.tsx";
+import RootNav from "./RootNav.astro";
+
+const url = Astro.url.pathname.split("/");
+const currentRoute = url[2];
+const currentModule = url[3];
+const currentClass = url[4];
+
+export interface Props {
+  mobile: boolean;
+}
+
+const { mobile } = Astro.props;
+---
+<aside class=`nav-wrapper${mobile ? "-mobile" : ""}`>
+  { mobile ? (
+    <SidebarWrapper client:load>
+      <RootNav currentRoute={currentRoute} currentModule={currentModule} currentClass={currentClass}/>
+    </SidebarWrapper>
+  ) : (
+    <RootNav currentRoute={currentRoute} currentModule={currentModule} currentClass={currentClass}/>
+  )}
+</aside>