change key field to specialty, filter list doctors with name, remove loading state from doctors page, save state id in url

app/component/modalSearchCity/Content.js

@@ -23,10 +23,26 @@ function Content({
   };
 
   const handleFilter = () => {
+    const city =
+      selected &&
+      citySelected &&
+      filteredCities.find((item) => item.name === citySelected);
+
+    const current = new URLSearchParams(window.location.search);
+    current.set("province", city.id);
+    const newUrl = `${window.location.pathname}?${current.toString()}`;
+    window.history.replaceState({}, "", newUrl);
+
     handleSearch && handleSearch("");
     handleClose();
   };
 
+  const valState =
+    selected &&
+    citySelected &&
+    filteredCities.find((item) => item.name === citySelected) &&
+    citySelected;
+
   return (
     <div>
       <div className="flex justify-end w-full">
@@ -42,6 +58,7 @@ function Content({
           <AutoCompleteSelect
             value={selected.province}
             disabled={state}
+            sendAll={true}
             listboxProps={listboxProps}
             updateData={updateData}
             list={states}
@@ -51,12 +68,8 @@ function Content({
           <AutoCompleteSelect
             updateData={updateData}
             listboxProps={listboxProps}
-            value={
-              selected &&
-              citySelected &&
-              filteredCities.find((item) => item.name === citySelected) &&
-              citySelected
-            }
+            sendAll={true}
+            value={valState}
             list={filteredCities}
             name="city"
             label="شهر"

app/component/modalSearchCity/index.js

@@ -47,9 +47,9 @@ function ModalSearchCity({
 
   const updateData = (event, name) => {
     if (name === "province" && event !== provinceSelected) {
-      setSelected({ province: event, city: "" });
+      setSelected({ province: event.name, city: "" });
     } else {
-      setSelected({ ...selected, [name]: event });
+      setSelected({ ...selected, [name]: event.name });
     }
   };