fix: Improved sidebar scrollbar layout and resiable bar placement

packages/nc-gui/components/dashboard/Sidebar.vue

@@ -43,7 +43,7 @@ onUnmounted(() => {
     </div>
     <div
       ref="treeViewDom"
-      class="flex flex-col nc-scrollbar-sm-dark flex-grow"
+      class="flex flex-col nc-scrollbar-dark-md flex-grow"
       :class="{
         'border-t-1': !isSharedBase,
         'border-transparent': !isTreeViewOnScrollTop,

packages/nc-gui/components/dashboard/View.vue

@@ -154,13 +154,13 @@ watch(route, () => {
   .splitpanes__splitter:hover:before {
     @apply bg-scrollbar;
     width: 3px !important;
-    left: -3px;
+    left: 0px;
   }
 
   .splitpanes--dragging .splitpanes__splitter:before {
     @apply bg-scrollbar;
     width: 3px !important;
-    left: -3px;
+    left: 0px;
   }
 
   .splitpanes--dragging .splitpanes__splitter {