fix: code clean

code clean

Author: darkhorse-420

src/ui/components/Search/Search.css

@@ -1,7 +1,7 @@
 .search-bar {
   width: 100%;
-  max-width:100%; /* Sets a maximum width for the bar, adjust as needed */
-  margin: 0 auto 20px auto; /* Centering the search bar with margin */
+  max-width:100%; 
+  margin: 0 auto 20px auto; 
 }
 
 .search-input {
@@ -10,9 +10,9 @@
   font-size: 16px;
   border: 1px solid #ccc;
   border-radius: 4px;
-  box-sizing: border-box; /* Ensures padding is included in the width calculation */
+  box-sizing: border-box; 
 }
 
 .search-input:focus {
-  border-color: #007bff; /* Change border color when focused */
+  border-color: #007bff; 
 }

src/ui/components/Search/Search.jsx

@@ -2,13 +2,13 @@ import React from 'react';
 import { TextField } from '@material-ui/core';
 import './Search.css';
 import InputAdornment from '@material-ui/core/InputAdornment';
-import SearchIcon from '@material-ui/icons/Search'; // Import the Search Icon
+import SearchIcon from '@material-ui/icons/Search'; 
 
 
 export default function Search({ onSearch }) {
   const handleSearchChange = (event) => {
     const query = event.target.value;
-    onSearch(query);  // Pass the search query to parent component
+    onSearch(query);  
   };
 
   return (
@@ -18,7 +18,7 @@ export default function Search({ onSearch }) {
         variant="outlined"
         fullWidth
         margin="normal"
-        onChange={handleSearchChange}  // Trigger onSearch on every change
+        onChange={handleSearchChange}  
         placeholder="Search..."
         InputProps={{
           startAdornment: (