css updates

center dropdown,
better scrollbar
search page margins normalized

Author: Mindful-Developer

frontend/src/styles/search/search.scss

@@ -50,9 +50,10 @@
 .search-dropdown {
   position: absolute;
   top: 100%;
-  left: 0;
+  left: 50%;
+  transform: translateX(-50%);
   width: 350px; 
-  max-height: 400px;
+  max-height: 600px;
   overflow-y: auto;
   background-color: var(--background-color);
   border: 1px solid var(--input-border-color);
@@ -63,6 +64,25 @@
   padding: 10px;
 
   @include global.glassmorphic-background;
+  
+  // Custom scrollbar styling
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: rgba(0, 0, 0, 0.05);
+    border-radius: 4px;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: rgba(0, 0, 0, 0.2);
+    border-radius: 4px;
+    
+    &:hover {
+      background: rgba(0, 0, 0, 0.3);
+    }
+  }
 }
 
 .search-section {
@@ -127,10 +147,8 @@
 // Search Results Page
 .search-results-page {
   width: 100%;
-  max-width: 1200px;
   margin: 0 auto;
   padding: 20px;
-  padding-top: 80px; 
 }
 
 .search-results-title {