handle change data in doctor model, set previous data when user close modal, update list doctor after update data and change key name in url

components/doctors/modal/form/CateSelector.js

@@ -6,7 +6,7 @@ function CateSelector({ list, value, isError, updateData, label }) {
   return (
     <Autocomplete
       disablePortal
-      value={value}
+      value={value || null}
       options={list}
       getOptionLabel={(option) => option?.name}
       className="!w-full !rounded-lg auto-complete-selector"

components/doctors/modal/form/index.js

@@ -1,7 +1,6 @@
 import SwitchContent from "./SwitchContent";
 import RadioContent from "./RadioContent";
 import { filterList } from "@/helper";
-import { useState } from "react";
 import CateSelector from "./CateSelector";
 
 const gender = ["زن", "مرد", "هر دو"];