style: update sidebar item spacing and scrollbar styles

Author: IslemDjd

packages/ui-components/src/Containers/Sidebar/SidebarGroup/index.module.css

@@ -38,9 +38,9 @@
         -left-1
         flex
         flex-col
-        gap-px
+        gap-1
         after:absolute
-        after:left-[0.45rem]
+        after:left-3
         after:top-0
         after:z-10
         after:h-full
@@ -64,8 +64,8 @@
           last:after:w-4
           last:after:bg-white
           last:after:content-['']
-          first:dark:before:bg-neutral-950
-          last:dark:after:bg-neutral-950;
+          first:dark:before:bg-transparent
+          last:dark:after:bg-transparent;
       }
     }
   }

packages/ui-components/src/Containers/Sidebar/SidebarItem/index.module.css

@@ -10,6 +10,7 @@
     gap-1
     overflow-hidden
     rounded-md
+    pl-1
     text-sm
     text-neutral-800
     dark:text-neutral-200;

packages/ui-components/src/styles/index.css

@@ -37,3 +37,10 @@
 }
 
 @custom-variant aria-current (&[aria-current="page"]);
+
+* {
+  scrollbar-color: var(--color-green-600, #417e38)
+    var(--color-neutral-900, #2c3437); /* thumb color, track color */
+
+  scrollbar-width: thin;
+}