handle save some data and send server correct & change component form & clean code & fix bugs

components/panel/addDoctor/form/fields/RadioGender.js

@@ -1,11 +1,11 @@
 import { FormControlLabel, Radio, RadioGroup } from "@mui/material";
 
-function RadioGender({ changeData, name }) {
+function RadioGender({ changeData, name, data }) {
   return (
     <RadioGroup
       dir="ltr"
+      value={data}
       className="!flex radio-mui !flex-row !gap-[36px] !items-center !justify-start"
-      defaultValue="woman"
       onChange={(e) => changeData(e.target.value, "value", name)}
       sx={{
         "& .muirtl-j204z7-MuiFormControlLabel-root": {
@@ -17,12 +17,14 @@ function RadioGender({ changeData, name }) {
         label="مرد"
         value="man"
         control={<Radio />}
+        dir="rtl"
         className="!text-[#A1A1A1]"
       />
       <FormControlLabel
         label="زن"
         value="woman"
         control={<Radio />}
+        dir="rtl"
         className="!text-[#A1A1A1]"
       />
     </RadioGroup>

components/panel/addDoctor/form/fields/Selector.js

@@ -2,9 +2,12 @@ import BottomSelect from "@/components/icons/BottomSelect";
 import { Autocomplete, Button, TextField } from "@mui/material";
 import { styleTextSelectRight } from "@/mui";
 
-function Selector({ updateData, nameKey, label, name, list }) {
+function Selector({ data, updateData, nameKey, label, name, list }) {
+  const selectedOption = list.find((item) => item.id === data) || null;
+
   return (
     <Autocomplete
+      value={selectedOption}
       disablePortal
       options={list}
       getOptionLabel={(option) => option[nameKey] || ""}
@@ -17,7 +20,6 @@ function Selector({ updateData, nameKey, label, name, list }) {
       }}
       sx={{
         ...styleTextSelectRight,
-        // Hide Icon Number
         "& input::-webkit-outer-spin-button, & input::-webkit-inner-spin-button":
           {
             display: "none",