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/register/LogInPage.js

@@ -4,13 +4,15 @@ import { Button, InputAdornment } from "@mui/material";
 import Link from "next/link";
 import { useState } from "react";
 
-function LogInPage({ setIsSendMsg, setStep }) {
+function LogInPage({ setIsSendMsg, setStep, matchedCity }) {
   const [num, setNum] = useState("");
   const [error, setError] = useState({ valid: true, text: '' });
 
+
   const handleChange = (val) => {
-    !error.valid && setError({ ...error, valid: true });
     const formatted = formatPhoneNumber(val);
+    const checkedNum = validatePhoneNumber(formatted);
+    setError(checkedNum);
     setNum(formatted);
   };
 
@@ -20,7 +22,7 @@ function LogInPage({ setIsSendMsg, setStep }) {
         p-0 border-transparent sm:p-[40px] sm:pb-[48px] w-full sm:w-fit sm:min-w-[425px]"
     >
       <p className="text-[#525252] text-[18px] font-bold">
-        ورود یا ثبت نام در نوبت 724
+        ورود یا ثبت نام در {matchedCity?.site_name || "نوبت 724"}
       </p>
       <p className="text-[#616161] text-[14px] mt-[40px] sm:mt-[43px] md:mt-[46px] lg:mt-[48px] font-normal">
         شماره همراه خود را وارد نمایید.
@@ -76,7 +78,7 @@ function LogInPage({ setIsSendMsg, setStep }) {
         <Link href="/">
           <span className="text-[#F17732] underline">قوانین استفاده</span>
         </Link>{" "}
-        از نوبت 724 را می پذیرم.
+        از {matchedCity?.site_name || 'نوبت 724'} را می پذیرم.
       </p>
     </div>
   );