translation added

src/index.css

@@ -1,5 +1,5 @@
-@import 'tailwindcss';
-@import 'tw-animate-css';
+@import "tailwindcss";
+@import "tw-animate-css";
 
 @custom-variant dark (&:is(.dark *));
 
@@ -118,3 +118,27 @@
     @apply bg-background text-foreground;
   }
 }
+
+/* ==== Custom Sidebar Scrollbar ==== */
+.sidebar-scroll {
+  scrollbar-width: thin; /* Firefox uchun */
+  scrollbar-color: #4b5563 #1f2937; /* Thumb va track rangi */
+}
+
+/* Chrome, Edge, Safari uchun */
+.sidebar-scroll::-webkit-scrollbar {
+  width: 6px; /* juda nozik scroll */
+}
+
+.sidebar-scroll::-webkit-scrollbar-track {
+  background: #1f2937; /* fon (track) */
+}
+
+.sidebar-scroll::-webkit-scrollbar-thumb {
+  background-color: #4b5563; /* thumb rangi */
+  border-radius: 9999px; /* yumaloq scroll */
+}
+
+.sidebar-scroll::-webkit-scrollbar-thumb:hover {
+  background-color: #6b7280; /* hover effekti */
+}