fix scroll on mobile

static/css/components/sidebar.css

@@ -67,6 +67,18 @@
     body.with-sidebar {
         display: block;
     }
+
+    .main-content-area {
+        height: 100vh;
+        display: flex;
+        flex-direction: column;
+    }
+
+    #main-content {
+        flex: 1;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch; /* For smooth scrolling on iOS */
+    }
 }
 
 .sidebar h2 {