style: custom scrollbar matching site theme

frontend/src/styles/globals.css

@@ -28,3 +28,26 @@ body {
   background: var(--color-bg);
   color: var(--color-text);
 }
+
+::-webkit-scrollbar {
+  width: 8px;
+  height: 8px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: var(--color-surface);
+  border-radius: 4px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background: #475569;
+}
+
+* {
+  scrollbar-width: thin;
+  scrollbar-color: var(--color-surface) transparent;
+}