feat: add scroll bar styling to sidebar and main sections

src/app/components/Main.module.css

@@ -6,6 +6,24 @@
   align-items: center;
   margin: 0 auto;
   overflow-y: auto;
+  scrollbar-color: transparent #0b3766;
+}
+
+.container::-webkit-scrollbar {
+  background-color: transparent;
+}
+
+.container::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 10px;
+}
+
+.container:hover::-webkit-scrollbar-thumb {
+  background-color: #0b3766;
+}
+
+.container:hover::-webkit-scrollbar {
+  background-color: #043160;
 }
 
 .divider {

src/app/components/SideBar.module.css

@@ -4,6 +4,21 @@
   height: 100%;
   border-right: 1px solid #848586;
   padding: 1rem;
+  overflow: auto;
+  scrollbar-color: transparent #0b3766;
+}
+
+.container::-webkit-scrollbar {
+  background-color: transparent;
+}
+
+.container::-webkit-scrollbar-thumb {
+  background-color: transparent;
+  border-radius: 10px;
+}
+
+.container:hover::-webkit-scrollbar-thumb {
+  background-color: #0b3766;
 }
 
 .link {