feat: add custom scrollbar styles for improved aesthetics and usability

resources/css/app.css

@@ -140,6 +140,29 @@ @layer base {
         @apply border-border outline-ring/50;
     }
 
+    *::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    *::-webkit-scrollbar-track {
+        background: transparent;
+    }
+
+    *::-webkit-scrollbar-thumb {
+        background-color: oklch(0.708 0 0 / 30%);
+        border-radius: 3px;
+    }
+
+    *::-webkit-scrollbar-thumb:hover {
+        background-color: oklch(0.708 0 0 / 50%);
+    }
+
+    * {
+        scrollbar-width: thin;
+        scrollbar-color: oklch(0.708 0 0 / 30%) transparent;
+    }
+
     body {
         @apply bg-background text-foreground;
     }