chore: sync first auth step styles with new design

src/features/auth/components/StepEnterNumber.tsx

@@ -12,18 +12,17 @@ type Props = {
 
 function StepEnterNumber({ onSubmit, onChange, value }: Props) {
     return (
-        <form onSubmit={onSubmit} className='p-6 h-full'>
-            <div className='h-full flex flex-col lg:flex-row justify-between'>
+        <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 max-h-full md:max-h-1/2 lg:max-h-full lg:w-1/2'
-                    objectFit=''
+                    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 lg:max-w-1/2 h-full lg:px-9 lg:py-7 flex flex-col justify-between lg:justify-center lg:gap-10'>
+                <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>