Feat:Custom css for the Overflow scrollbar in the sidebar

Frontend/src/index.css

@@ -1,2 +1,28 @@
 @import "tailwindcss";
-@import "flowbite/src/themes/default";
+
+/* For WebKit-based browsers */
+.custom-scrollbar::-webkit-scrollbar {
+  width: 15px;
+}
+
+.custom-scrollbar::-webkit-scrollbar-track {
+  background: transparent;
+  /* or a color of your choice */
+}
+
+.custom-scrollbar::-webkit-scrollbar-thumb {
+  background-color: #a0aec0;
+  /* Customize thumb color */
+  border-radius: 4px;
+  border: 2px solid transparent;
+  /* Optional: creates padding around thumb */
+  background-clip: content-box;
+}
+
+/* For Firefox */
+.custom-scrollbar {
+  scrollbar-width: auto;
+  /* "auto" or "thin" */
+  scrollbar-color: #37A0EA transparent;
+  /* thumb and track colors */
+}