change modal mui design and text

components/layout/header/index.js

@@ -14,7 +14,7 @@ function Header({ name }) {
   const [isActive, setIsActive] = useState(false);
 
   return (
-    <div className="bg-[#FFF] rounded-lg shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)] w-full mx-auto">
+    <div className="bg-[#FFF] rounded-lg w-full mx-auto">
       <div
         className={`
                 px-[8px] sm:px-[16px] md:px-[24px] lg:px-[32px] py-[4px] sm:py-[8px] md:py-[12px] lg:py-[16px] flex transition-all duration-500 overflow-hidden justify-between items-center flex-nowrap

components/layout/index.js

@@ -37,7 +37,7 @@ function Layout({
                 }`}
       >
         <header className="w-full fixed bg-[#FFF] top-0 right-1/2 translate-x-1/2 z-[10]">
-          <div className="w-full padding-responsive">
+          <div className="w-full padding-responsive shadow-[0px_1px_24.8px_0px_rgba(204,_204,_204,_0.18)]">
             <Header name={name} />
           </div>
         </header>

components/panel/addDoctor/index.js

@@ -9,7 +9,7 @@ import GeneralInformation from "./listMenu/generalInformation";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(0);
+  const [value, setValue] = useState(2);
   const [data, setData] = useState({
     general: {
       name: { value: "احسان احمدی", isEdit: false },

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",