Fix search input text color visibility

- Add search-input class to both desktop and mobile search inputs
- Set dark text color (#212529) for search input visibility
- Add placeholder styling with lighter color (#6c757d)
- Compile SCSS to CSS with new search input styles

Resolves: White text on white background issue in search fields

src/scss/main.scss

@@ -271,6 +271,15 @@ footer {
   max-width: 300px;
 }
 
+/* Search input text color */
+.search-input {
+  color: #212529 !important;
+}
+
+.search-input::placeholder {
+  color: #6c757d !important;
+}
+
 /* Card styling */
 .card-title a {
   text-decoration: none;