style: enhance scrollbar and overflow behavior for improved user expe…

…rience

- Added stable scrollbar gutter to ensure consistent layout across browsers.
- Implemented auto-scrolling for html and body to enhance page navigation.
- Adjusted drawer content to allow scrolling with a minimum height of 100vh.
- Overrode DaisyUI overflow constraints for better drawer functionality.

assets/custom.css

@@ -1,3 +1,28 @@
+/* Ensure scrollbar gutter is stable */
+html {
+  scrollbar-gutter: stable !important;
+}
+
+/* Force page scrolling behavior */
+html, body {
+  height: 100%;
+  overflow-y: auto;
+}
+
+/* Ensure drawer content can scroll */
+.drawer-content {
+  height: auto !important;
+  min-height: 100vh;
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
+/* Override any DaisyUI overflow constraints */
+.drawer.drawer-open {
+  overflow-y: auto;
+  scrollbar-gutter: stable;
+}
+
 .audio-control {
   width: 100%;
   height: 25px;