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/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>