web/layout: hide all scrollbars

web/src/components/sidebar/Sidebar.svelte

@@ -63,7 +63,6 @@
         height: 100vh;
         width: var(--sidebar-width);
         position: sticky;
-        scrollbar-width: none;
     }
 
     #sidebar-tabs {
@@ -71,7 +70,6 @@
         justify-content: space-between;
         padding-bottom: var(--padding);
         overflow: scroll;
-        scrollbar-width: none;
     }
 
     @media screen and (max-width: 535px) {

web/src/routes/+layout.svelte

@@ -35,10 +35,15 @@
 
     :global(*) {
         font-family: "IBM Plex Mono", "Noto Sans Mono Variable", "Noto Sans Mono", monospace;
-        -webkit-tap-highlight-color: transparent;
         user-select: none;
+        scrollbar-width: none;
         -webkit-user-select: none;
         -webkit-user-drag: none;
+        -webkit-tap-highlight-color: transparent;
+    }
+
+    :global(::-webkit-scrollbar) {
+        display: none;
     }
 
     :global(a) {
@@ -85,6 +90,7 @@
         display: flex;
         overflow: scroll;
     }
+
     @media screen and (max-width: 535px) {
         #cobalt {
             display: grid;