chore: sync auth page password step styles

src/app/auth/page.tsx

@@ -66,7 +66,6 @@ function AuthIndex({ }: Props) {
             setNumber(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD) {
-            console.log(e.target.value, 's');
             setPassword(() => e.target.value)
         }
         else if (e.target.name == AUTH_PAGE_ELEMENT.INPUT_PASSWORD_REPEAT) {
@@ -114,7 +113,7 @@ function AuthIndex({ }: Props) {
         e.preventDefault();
         if (step == AUTH_STEP.ENTER_NUMBER) {
 
-            if (false) {
+            if (true) {
                 setStep(AUTH_STEP.ENTER_PASSWORD)
             } else {
                 setStep(AUTH_STEP.ENTER_OTP);
@@ -123,7 +122,9 @@ function AuthIndex({ }: Props) {
         else if (step == AUTH_STEP.ENTER_PASSWORD) {
             try {
                 // await loginMutation.mutateAsync({ phone: number, password })
+                useAuthStore.getState().isAuthenticated = true;
                 console.log("Logged in")
+                redirect("/")
             }
             catch (e) {
                 console.log("Wrong credentials: ", e)

src/features/auth/components/StepEnterPassword.tsx

@@ -2,6 +2,7 @@ import Button from '@/components/button/PrimaryButton';
 import { EyeToggleIcon } from '@/components/icons/EyeToggleIcon';
 import InputField from '@/components/input/InputField';
 import { AUTH_PAGE_ELEMENT } from '@/enums';
+import Image from 'next/image';
 import React from 'react'
 
 type Props = {
@@ -15,9 +16,18 @@ type Props = {
 
 function StepEnterPassword({ onSubmit, onChange, onClick, value, passwordVisible, rememberMe }: Props) {
     return (
-        <form onSubmit={onSubmit} className='p-6 h-full flex flex-col justify-between'>
-            <div className='block'>
-                <img src='/assets/images/login-banner.png' />
+        <form onSubmit={onSubmit} className='p-6 lg:py-[75px] w-full flex items-center justify-center py-4 lg:items-center lg:px-10 px-4 drop-shadow-black h-full'>
+            <div className='h-full w-full px-4 sm:px-6 lg:p-0 flex flex-col max-h-[812px] max-w-[1200px] bg-container rounded-container overflow-clip lg:flex-row justify-between'>
+                <Image
+                    className='object-cover w-full h-full max-h-1/2 lg:max-h-full lg:w-1/2'
+                    src={'/assets/images/login-banner.png'}
+                    alt='login banner'
+                    width={100}
+                    height={100}
+                    unoptimized={true}
+                />
+                <div className='w-full min-w-1/2 lg:max-w-1/2 h-full lg:px-9 py-7 flex flex-col justify-between lg:justify-center lg:gap-10'>
+                    <div className='w-full'>
                         <div className='pt-4' dir='rtl'>
                             <h6 className='text-lg font-bold'>ورود به سیستم</h6>
                             <p className='mt-3 text-[13px]'>کلمه عبور خود را وارد نمایید.</p>
@@ -46,6 +56,9 @@ function StepEnterPassword({ onSubmit, onChange, onClick, value, passwordVisible
                         </div>
                     </div>
                     <Button type='submit'>ورود به منو</Button>
+                </div>
+
+            </div>
         </form>
     )
 }