clear console and create data add-doctor page

components/panel/addDoctor/index.js

@@ -3,27 +3,42 @@
 import { useState } from "react";
 
 // Tabs
-import ListMenu from "./listMenu";
-import Turns from "./listMenu/turns";
-import SpecialDays from "./listMenu/specialDays";
 import WorkingDays from "./listMenu/workingDays";
 import OfficeInformation from "./listMenu/officeInformation";
 import GeneralInformation from "./listMenu/generalInformation";
-import ArrowRightPH from "@/components/icons/ArrowRightPH";
-import { Button } from "@mui/material";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(0);
-  const [open, setOpen] = useState(false);
-
-  const handleChange = (event, newValue) => setValue(newValue);
+  const [value, setValue] = useState(1);
+  const [data, setData] = useState({
+    general: {
+      name: { value: "احسان احمدی", isEdit: false },
+      medical_system_number: { value: 1741025645, isEdit: false },
+      expertise: { value: "دندان پزشکی", isEdit: false },
+      description: { value: "", isEdit: false },
+      skills: { value: "", isEdit: false },
+      time_work: { value: "", isEdit: false },
+    },
+    office: {
+      address: { value: "", isEdit: false },
+      phone: { value: 1741025645, isEdit: false },
+      office_number1: { value: "", isEdit: false },
+      office_number2: { value: "", isEdit: false },
+    },
+    work_day: [
+      { name: "شنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      { name: "یکشنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      { name: "دوشنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      { name: "سه شنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      { name: "چهار شنبه", morning_time: ["", ""], evening_time: ["", ""] },
+      { name: "پنج شنبه", morning_time: ["", ""], evening_time: ["", ""] },
+    ],
+  });
 
   const components = [
     <GeneralInformation setValue={setValue} />,
     <OfficeInformation setValue={setValue} />,
     <WorkingDays setValue={setValue} />,
-    <SpecialDays setValue={setValue} />,
   ];
 
   return (
@@ -33,7 +48,7 @@ function AddDoctorPage() {
       </p>
       <div className="rounded-[8px] mt-0 md:mt-[24px] bg-transparent md:bg-[#FFF] md:dark:bg-[#222433] shadow-none md:shadow-[0px_1px_24.8px_0px_rgba(204,204,204,0.18)] dark:shadow-none pt-0 md:pt-[12px] pb-0 md:pb-[12px] lg:pb-[24px] px-0 md:px-[14px] lg:px-[26px] xl:px-[56px]">
         <Step value={value} />
-        <div className="mt-[32px]">{components[value]}</div>
+        <div className="mt-[32px] px-[60px]">{components[value]}</div>
       </div>
     </div>
   );