change design modal & components & home and login page

components/register/LogInPage.js

@@ -15,7 +15,7 @@ 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="شماره همراه" />
+        <Field type="number" title="شماره همراه" dir="ltr" />
       </div>
       <Button
         fullWidth

components/register/SetCodePage.js

@@ -54,7 +54,7 @@ function SetCodePage({ setIsSendMsg, link, setStep }) {
       </p>
       <div className="mt-[26px] sm:mt-[28px] md:mt-[30px] lg:mt-[32px] mb-[56px] sm:mb-[47px] md:mb-[38px] lg:mb-[30px]">
         <div
-          className="w-full mb-[27px] flex items-center justify-center gap-2 sm:gap-6"
+          className="w-full mb-[27px] flex items-center justify-center gap-6 sm:gap-6"
           dir="ltr"
         >
           <OTPForm handleOTP={handleOTP} />

components/register/element/OTPForm.js

@@ -6,6 +6,7 @@ function OTPForm({ handleOTP }) {
   return (
     <input
       value={code}
+      type="number"
       onChange={(e) => {
         const value = e.target.value;
 

components/register/index.js

@@ -6,7 +6,7 @@ const about = ["سوالات متداول", "تماس با ما", "درباره
 function RegisterPage({ children }) {
   return (
     <div
-      className="flex padding-responsive items-center justify-start sm:justify-start pt-[32px] 
+      className="flex padding-responsive items-center justify-center pt-[32px] 
         overflow-auto flex-col h-screen w-full bg-banner-stroke !bg-bottom !bg-no-repeat !bg-cover
         !pb-[calc(108px_+_40px)] md:!pb-[calc(111px_+_40px)]"
     >