responsive page panel and add-doctor

components/panel/addDoctor/index.js

@@ -9,7 +9,7 @@ import GeneralInformation from "./listMenu/generalInformation";
 import Step from "./Step";
 
 function AddDoctorPage() {
-  const [value, setValue] = useState(2);
+  const [value, setValue] = useState(0);
   const [data, setData] = useState({
     general: {
       name: { value: "احسان احمدی", isEdit: false },
@@ -80,8 +80,6 @@ function AddDoctorPage() {
     ],
   });
 
-  console.log(data);
-
   const components = [
     <GeneralInformation
       data={data}
@@ -114,7 +112,9 @@ function AddDoctorPage() {
         md:pt-[30px] 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-[24px] md:mt-[28px] lg:mt-[32px]">
+          {components[value]}
+        </div>
       </div>
     </div>
   );