fix(ui): Correct sidebar height calculation on mobile devices

Author: moonclavedev

src/starlight-overrides/PageFrame.astro

@@ -55,13 +55,13 @@ const { hasSidebar } = Astro.locals.starlightRoute;
     .sidebar-pane {
       visibility: var(--sl-sidebar-visibility, hidden);
       position: fixed;
-      height: 100vh;
+      height: calc(100dvh - var(--sl-nav-height));
       z-index: var(--sl-z-index-menu);
-      inset-block: var(--sl-nav-height) 0;
       inset-inline-start: 0;
       width: 100%;
       background-color: var(--sl-color-black);
       overflow-y: auto;
+      top: var(--sl-nav-height);
     }
 
     :global([aria-expanded="true"]) ~ .sidebar-pane {