handle chagne data in step general information

components/panel/addDoctor/index.js

@@ -18,6 +18,7 @@ function AddDoctorPage() {
       description: { value: "", isEdit: false },
       skills: { value: "", isEdit: false },
       time_work: { value: "", isEdit: false },
+      degree: { value: "", isEdit: false },
     },
     office: {
       address: { value: "", isEdit: false },
@@ -36,11 +37,18 @@ function AddDoctorPage() {
   });
 
   const components = [
-    <GeneralInformation setValue={setValue} />,
-    <OfficeInformation setValue={setValue} />,
-    <WorkingDays setValue={setValue} />,
+    <GeneralInformation
+      parent="general"
+      data={data}
+      setData={setData}
+      setValue={setValue}
+    />,
+    <OfficeInformation data={data} setData={setData} setValue={setValue} />,
+    <WorkingDays data={data} setData={setData} setValue={setValue} />,
   ];
 
+  console.log(data);
+
   return (
     <div className="opacity-page">
       <p className="text-[#525252] dark:text-[#D7D8ED] text-[20px] font-bold hidden md:flex">