fix warning console

components/panel/addDoctor/Step.js

@@ -4,7 +4,7 @@ import UserEdit from "@/components/icons/UserEdit";
 
 function Step({ value }) {
   const list = [
-    { icon: <UserEdit active={value >= 0} />, name: "اطلاعات عمومی" },
+    { icon: <UserEdit active={value > 0} />, name: "اطلاعات عمومی" },
     { icon: <LocationAdd active={value >= 1} />, name: "اطلاعات مطب" },
     { icon: <CalendarTick active={value >= 2} />, name: "روزهای کاری" },
   ];
@@ -16,14 +16,14 @@ function Step({ value }) {
           <div className="flex flex-col items-center justify-center gap-2">
             <div
               className={`flex items-center justify-center p-[18px] w-[75px] h-[75px] rounded-full
-          ${value >= idx ? "bg-[#5559CE]" : "bg-[#F6F6F6]"}`}
+          ${value > idx ? "bg-[#5559CE]" : "bg-[#F6F6F6]"}`}
             >
               {item.icon}
             </div>
             <p
               className={`text-[16px]
            ${
-             value >= idx
+             value > idx
                ? "font-bold text-[#5559CE]"
                : "font-normal text-[#616161]"
            }`}
@@ -34,7 +34,7 @@ function Step({ value }) {
           {list.length > idx + 1 && (
             <span
               className={`block rounded-[16px] h-[2px] w-[100px] ${
-                value >= idx ? "bg-[#5559CE]" : "bg-[#EFEFEF]"
+                value > idx ? "bg-[#5559CE]" : "bg-[#EFEFEF]"
               }`}
             ></span>
           )}

components/panel/addDoctor/index.js

@@ -42,7 +42,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} />
-        {components[value]}
+        <div className="mt-[32px]">{components[value]}</div>
       </div>
     </div>
   );