change name in register & add link to most-searched home page & change tag & change design and responsive & fix active link header & must include field num in register & send code msg

components/doctor/detailDoctor/Title.js

@@ -23,14 +23,14 @@ function Title({ doctor, loading }) {
       </CircularLoading>
       <div className="flex flex-col items-center lg:items-start gap-[8px] lg:gap-[16px]">
         <TextLoading loading={loading} width={90} height={20}>
-          <p className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
+          <h1 className="text-[#3B3B3B] text-[14px] sm:text-[16px] md:text-[18px] lg:text-[20px] font-bold">
             {doctor.name}
-          </p>
+          </h1>
         </TextLoading>
         <TextLoading loading={loading} width={100} height={20}>
-          <p className="text-[#525252] text-[14px] md:text-[16px] font-medium">
+          <h3 className="text-[#525252] text-[14px] md:text-[16px] font-medium">
             تخصص: {doctor.expertise}
-          </p>
+          </h3>
         </TextLoading>
         <div className="flex items-center justify-start gap-11">
           <TextLoading loading={loading} width={60} height={20}>

components/doctor/detailDoctor/cards/AboutDcotor.js

@@ -21,11 +21,10 @@ function AboutDcotor({ doctor, loading }) {
                         text-[#616161] text-[14px] font-normal overflow-hidden relative
                         md:max-h-fit after:absolute after:right-0 after:bottom-0 leading-[28px] sm:leading-[30px] md:leading-[32px] lg:leading-[33px] after:h-[80px]
                         after:shadow-xl after:w-full transition-all duration-500 md:after:!bg-[linear-gradient(transparent,transparent)]
-                        ${
-                          isMore
-                            ? "after:bg-transparent max-h-screen"
-                            : "after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[200px]"
-                        }
+                        ${isMore
+                ? "after:bg-transparent max-h-screen"
+                : "after:bg-[linear-gradient(transparent,#FAFAFA)] max-h-[200px]"
+              }
                     `}
           >
             {doctor.detail}
@@ -48,9 +47,9 @@ function AboutDcotor({ doctor, loading }) {
             <li key={idx} className="flex items-center justify-start gap-1">
               <span className="w-2 h-2 bg-[#F17732] rounded-full"></span>
               <TextLoading loading={loading} width={70} height={18}>
-                <p className="text-[#616161] text-[16px] font-normal text-nowrap">
+                <h4 className="text-[#616161] text-[16px] font-normal text-nowrap">
                   {item}
-                </p>
+                </h4>
               </TextLoading>
             </li>
           ))}

components/doctor/detailDoctor/cards/comments/chart/ProgressAll.js

@@ -27,7 +27,7 @@ function ProgressAll({ doctor, loading }) {
             <br />
             رضایت کاربران
           </p>
-          <p>{numberToArStyle(doctor.total_user_satisfaction)}%</p>
+          <p className="text-[#3B3B3B]">{numberToArStyle(doctor.total_user_satisfaction)}%</p>
         </div>
       </CircularLoading>
     </div>

components/doctor/index.js

@@ -20,9 +20,9 @@ function DoctorPage({ doctor }) {
       <div className="flex items-center justify-between">
         <CustomLoading loading={loading} width={180} height={25}>
           <div className="flex items-center justify-start text-[14px] md:text-[16px] font-normal">
-            <p className="text-[#9B9B9B] text-nowrap">
+            <h2 className="text-[#9B9B9B] text-nowrap">
               متخصص {doctor.expertise} {" >"}
-            </p>
+            </h2>
             <p className="text-[#525252] text-nowrap mr-1">{doctor.name}</p>
           </div>
         </CustomLoading>