fix bug auth pages

src/pages/auth/forgot-password.tsx

@@ -4,7 +4,7 @@ export const ForgotPassword = () => {
     return (
         <>
             <ForgotPasswordForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/forgot-password.svg" alt="forgot password" className="auth-image-desktop" />
             </div>
         </>

src/pages/auth/login-with-code.tsx

@@ -4,7 +4,7 @@ export const LoginWithCode = () => {
     return (
         <>
             <LoginWithCodeForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/login-with-code.svg" alt="login with code" className="auth-image-desktop" />
             </div>
         </>

src/pages/auth/login.tsx

@@ -5,7 +5,7 @@ export const Login = () => {
     return (
         <>
             <LoginForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/login.svg" alt="login" className="auth-image-desktop" />
             </div>
         </>

src/pages/auth/register.tsx

@@ -4,7 +4,7 @@ export const Register = () => {
     return (
         <>
             <RegisterForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/register.svg" alt="register" className="auth-image-desktop" />
             </div>
         </>

src/pages/auth/reset-password-code.tsx

@@ -6,7 +6,7 @@ export const ResetPasswordCode = () => {
     return (
         <React.Fragment>
             <ResetpasswordCodeForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/reset-password-code.svg" alt="send code reset password" className="auth-image-desktop" />
             </div>
         </React.Fragment>

src/pages/auth/reset-password.tsx

@@ -5,7 +5,7 @@ export const ResetPassword = () => {
     return (
         <React.Fragment>
             <ResetPasswordForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/reset-password.svg" alt="reset password" className="auth-image-desktop" />
             </div>
         </React.Fragment>

src/pages/auth/send-code.tsx

@@ -5,7 +5,7 @@ export const SendCode = () => {
     return (
         <React.Fragment>
             <SendCodeForm />
-            <div className="hidden xl:flex w-1/2 h-full justify-center items-center">
+            <div className="hidden xl:flex w-1/2 h-screen justify-center items-center">
                 <img src="/svgs/auth/send-code.svg" alt="send code" className="auth-image-desktop" />
             </div>
         </React.Fragment>