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/blog/head/index.js

@@ -22,9 +22,9 @@ function Head({ data, loading }) {
         }
       >
         <TextLoading width={250} height={22} loading={loading}>
-          <p className="text-[#3B3B3B] mt-[24px] sm:mt-[29px] md:mt-[35px] lg:mt-[40px] text-[14px] sm:text-[17px] md:text-[20px] lg:text-[24px] font-bold">
+          <h1 className="text-[#3B3B3B] mt-[24px] sm:mt-[29px] md:mt-[35px] lg:mt-[40px] text-[14px] sm:text-[17px] md:text-[20px] lg:text-[24px] font-bold">
             روش های خانگی محافظت از پوست در تابستان
-          </p>
+          </h1>
         </TextLoading>
       </div>
       <div className="flex mt-[16px] sm:mt-[18px] md:mt-[21px] lg:mt-[24px] items-center justify-start gap-[35px]">

components/blog/relatedContent/Item.js

@@ -25,9 +25,9 @@ function Item({ data, idx, loading }) {
       <div className="flex flex-col gap-[16px] sm:gap-[18px] md:gap-[21px] lg:gap-[24px] items-start justify-between">
         <TextLoading width={150} height={18} loading={loading}>
           <Link href={`/blog/${data.id}`}>
-            <p className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold text-wrap lg:text-nowrap">
+            <h2 className="text-[#3B3B3B] text-[14px] md:text-[16px] font-bold text-wrap lg:text-nowrap">
               {data.title}
-            </p>
+            </h2>
           </Link>
         </TextLoading>
         <TextLoading width={110} height={18} loading={loading}>