update modals & text & design

components/register/LogInPage.js

@@ -1,8 +1,14 @@
 import Field from "@/app/component/element/Field";
 import { Button } from "@mui/material";
 import Link from "next/link";
+import { useState } from "react";
 
 function LogInPage({ setIsSendMsg, setStep }) {
+  const [num, setNum] = useState("09");
+  const updateNum = (value) => {
+    setNum(value === "0" || !value ? "09" : value);
+  };
+
   return (
     <div
       className="rounded-[16px] mt-[64px] opacity-page sm:mt-[32px] border border-solid sm:border-[#EFEFEF] bg-transparent sm:bg-[#FFF] 
@@ -15,7 +21,13 @@ function LogInPage({ setIsSendMsg, setStep }) {
         شماره همراه خود را وارد نمایید.
       </p>
       <div className="mt-[16px] sm:mt-[19px] md:mt-[22px] lg:mt-[24px] mb-[40px] sm:mb-[37px] md:mb-[36px] lg:mb-[32px]">
-        <Field type="number" title="شماره همراه" dir="ltr" />
+        <Field
+          dir="ltr"
+          value={num}
+          type="number"
+          title="شماره همراه"
+          updateState={updateNum}
+        />
       </div>
       <Button
         fullWidth