round img of doctors && fix remove 'nobat724' value in city data for all pages && handle send req for filter clinics && filter list clinic for first time on load page && add component loading and handle it in page clinics

components/home/search/modal/Content.js

@@ -2,8 +2,8 @@ import { Button } from "@mui/material";
 
 // Icon
 import CloseModalD from "@/components/icons/CloseModalD";
-import AutoCompleteSelect from "@/app/component/element/AutoCompleteSelect";
 import ArrowLeftM from "@/components/icons/ArrowLeftM";
+import AutoComplete from "./AutoComplete";
 
 function Content({
   state,
@@ -14,7 +14,6 @@ function Content({
   filteredCities,
   handleSearch,
 }) {
-  const citySelected = selected.city;
   const listboxProps = {
     style: {
       maxHeight: 200,
@@ -39,24 +38,19 @@ function Content({
           شهر یا استان مورد نظر را انتخاب نمایید:
         </p>
         <div className="flex md:min-w-[344px] flex-col mt-[52px] md:mt-[44px] mb-14 justify-center items-center gap-10">
-          <AutoCompleteSelect
-            value={selected.province}
-            disabled={state}
-            listboxProps={listboxProps}
-            updateData={updateData}
+          <AutoComplete
             list={states}
             label="استان"
             name="province"
+            disabled={state}
+            updateData={updateData}
+            value={selected.province}
+            listboxProps={listboxProps}
           />
-          <AutoCompleteSelect
+          <AutoComplete
             updateData={updateData}
             listboxProps={listboxProps}
-            value={
-              selected &&
-              citySelected &&
-              filteredCities.find((item) => item.name === citySelected) &&
-              citySelected
-            }
+            value={selected.city}
             list={filteredCities}
             name="city"
             label="شهر"
@@ -80,4 +74,4 @@ function Content({
   );
 }
 
-export default Content;
+export default Content;