Apply mobile tweaks to sidebar

Author: huangsam

ui/src/components/Sidebar.astro

@@ -120,6 +120,7 @@ const categoryOrder = ["syntax", "data_structures", "classes", "advanced"];
     display: flex;
     flex-direction: column;
     height: 100vh;
+    height: 100dvh;
     flex-shrink: 0;
     position: relative;
     transition: margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1);

ui/src/styles/global.css

@@ -61,6 +61,7 @@ a:hover {
 .app-container {
   display: flex;
   height: 100vh;
+  height: 100dvh;
   width: 100vw;
   overflow: hidden;
 }