change modal mui design and text

components/panel/addDoctor/listMenu/workingDays/modal/Form.js

@@ -23,26 +23,26 @@ function Form({
   return (
     <div className="flex flex-col gap-[32px] md:gap-[36px] lg:gap-[40px] min-w-fit md:min-w-[420px]">
       <div className="flex relative flex-col gap-[16px]">
-        <ContentText text="گروه خونی">
+        <ContentText text="تعداد نوبت">
           <AutoCompleteSelect
             updateData={updateData}
-            label="گروه خونی"
+            label="تعداد نوبت"
             name="number_turns"
             list={numberTurns}
           />
         </ContentText>
-        <ContentText text="گروه خونی">
+        <ContentText text="زمان نوبت">
           <AutoCompleteSelect
             updateData={updateData}
-            label="گروه خونی"
+            label="زمان نوبت"
             name="turn_time"
             list={turnTime}
           />
         </ContentText>
-        <ContentText text="گروه خونی">
+        <ContentText text="محل کار">
           <AutoCompleteSelect
             updateData={updateData}
-            label="گروه خونی"
+            label="محل کار"
             name="workplace"
             list={workplace}
           />

components/panel/addDoctor/listMenu/workingDays/modal/Radios.js

@@ -6,7 +6,7 @@ function Radios({ value, handleChange }) {
       dir="ltr"
       defaultValue={value}
       onChange={handleChange}
-      className="!flex !flex-row !mb-[24px] !my-[40px] !gap-[36px] !items-center !justify-end"
+      className="!flex radio-mui !flex-row !mb-[24px] !my-[40px] !gap-[36px] !items-center !justify-end"
       sx={{
         "& .muirtl-j204z7-MuiFormControlLabel-root": {
           marginLeft: "0 !important",