add auto-selecotr to home page and handle set in data, search in specialties and send req for filter && add locations and change text

components/searchHead/smSearch/AutoCompleteSearch.js

@@ -20,9 +20,15 @@ function AutoCompleteSearch({
         handleSearch(newInputValue);
       }}
       onChange={(event, newValue) => {
-        setSelectedOption(newValue);
+        setSelectedOption && setSelectedOption(newValue);
         handleSearch(newValue ? newValue.name : "");
       }}
+      renderOption={(props, option) => (
+        <li {...props} key={option.id}>
+          {" "}
+          {option.name}
+        </li>
+      )}
       sx={{
         "& .MuiAutocomplete-input": {
           background: "#ffffff !important",