got rid of extra spaces

frontend/src/components/SearchBrowse/SearchBrowse.js

@@ -29,22 +29,25 @@ const SearchBrowse = () => {
 
   const handleInputChange = (e) => {
     const { name, value } = e.target;
-    setSearchParams((prev) => ({ ...prev, [name]: value }));
+    setSearchParams((prev) => ({ ...prev, [name]: value.trimStart() }));
   };
 
   const handleSearch = async () => {
     setLoading(true);
     setError(null);
 
+    // Trim all search parameters before sending them to the server
+    const trimmedSearchParams = Object.fromEntries(
+      Object.entries(searchParams).map(([key, value]) => [key, value.trim()])
+    );
+
     try {
       const response = await axios.post(
         `${process.env.REACT_APP_API_URL}/person/searchByName`,
-        {
-          ...searchParams, // send all searchParams in the request payload
-        }
+        trimmedSearchParams // send trimmed search parameters in the request payload
       );
 
-      const filteredResults = filterAndSortResults(response.data.people, searchParams);
+      const filteredResults = filterAndSortResults(response.data.people, trimmedSearchParams);
       setResults(filteredResults);
     } catch (err) {
       setError(
@@ -60,7 +63,7 @@ const SearchBrowse = () => {
       .filter((person) => {
         // Only keep results that match at least one non-empty field in searchParams
         return Object.keys(searchParams).every((key) => {
-          return !searchParams[key] || person[key] === searchParams[key];
+          return !searchParams[key] || person[key]?.trim() === searchParams[key];
         });
       })
       .sort((a, b) => {
@@ -74,7 +77,7 @@ const SearchBrowse = () => {
   const calculateRelevance = (person, searchParams) => {
     let relevance = 0;
     Object.keys(searchParams).forEach((key) => {
-      if (searchParams[key] && person[key] === searchParams[key]) {
+      if (searchParams[key] && person[key]?.trim() === searchParams[key]) {
         relevance += 1;
       }
     });