feat(webapp): style tweaks to authentication pages

packages/webapp/src/containers/Authentication/Login.tsx

@@ -1,14 +1,25 @@
 // @ts-nocheck
 import React from 'react';
-import { Link } from 'react-router-dom';
 import { Formik } from 'formik';
-import { AppToaster as Toaster, FormattedMessage as T } from '@/components';
+import { Link } from 'react-router-dom';
 
+import { AppToaster as Toaster, FormattedMessage as T } from '@/components';
 import AuthInsider from '@/containers/Authentication/AuthInsider';
 import { useAuthLogin } from '@/hooks/query';
 
 import LoginForm from './LoginForm';
 import { LoginSchema, transformLoginErrorsToToasts } from './utils';
+import {
+  AuthFooterLinks,
+  AuthFooterLink,
+  AuthInsiderCard,
+} from './_components';
+
+const initialValues = {
+  crediential: '',
+  password: '',
+  keepLoggedIn: false
+};
 
 /**
  * Login page.
@@ -38,34 +49,32 @@ export default function Login() {
 
   return (
     <AuthInsider>
-      <div className="login-form">
-        <div className={'authentication-page__label-section'}>
-          <h3>
-            <T id={'log_in'} />
-          </h3>
-          {/* <T id={'need_bigcapital_account'} />
-          <Link to="/auth/register">
-            {' '}
-            <T id={'create_an_account'} />
-          </Link> */}
-        </div>
-
+      <AuthInsiderCard>
         <Formik
-          initialValues={{
-            crediential: '',
-            password: '',
-          }}
+          initialValues={initialValues}
           validationSchema={LoginSchema}
           onSubmit={handleSubmit}
           component={LoginForm}
         />
+      </AuthInsiderCard>
 
-        <div class="authentication-page__footer-links">
-          <Link to={'/auth/send_reset_password'}>
-            <T id={'forget_my_password'} />
-          </Link>
-        </div>
-      </div>
+      <LoginFooterLinks />
     </AuthInsider>
   );
 }
+
+function LoginFooterLinks() {
+  return (
+    <AuthFooterLinks>
+      <AuthFooterLink>
+        Don't have an account? <Link to={'/auth/register'}>Sign up</Link>
+      </AuthFooterLink>
+
+      <AuthFooterLink>
+        <Link to={'/auth/send_reset_password'}>
+          <T id={'forget_my_password'} />
+        </Link>
+      </AuthFooterLink>
+    </AuthFooterLinks>
+  );
+}