fix: SKFP-1289 adjust landing button order and login button text (#4130)

src/locales/en.ts

@@ -761,7 +761,7 @@ const en = {
         'Accelerating research and promoting new discoveries for children affected with cancer and structural birth defects.',
       accessLargeScale:
         'Data from over {count} samples, including whole genome sequencing (WGS) and RNA-Sequencing, is available to empower your research today.',
-      login: 'Log in',
+      login: 'Login',
       signup: 'Sign up',
     },
     dashboard: {

src/views/LandingPage/TopBanner/LoginForm/index.tsx

@@ -1,6 +1,5 @@
 import intl from 'react-intl-universal';
 import { useKeycloak } from '@react-keycloak/web';
-import { Space } from 'antd';
 import LandingPageButton from 'views/LandingPage/Components/LandingPageButton';
 import LandingPageParagraph from 'views/LandingPage/Components/LandingPageParagraph';
 import LandingPageTitle from 'views/LandingPage/Components/LandingPageTitle';
@@ -18,7 +17,6 @@ export const LoginForm = () => {
 
   const handleSignin = async () => {
     const url = keycloak.createLoginUrl({
-      // eslint-disable-next-line max-len
       redirectUri: `${window.location.origin}/${
         query.get(REDIRECT_URI_KEY) || STATIC_ROUTES.DASHBOARD
       }`,
@@ -44,12 +42,12 @@ export const LoginForm = () => {
         </div>
       </div>
       <div className={styles.buttons}>
-        <LandingPageButton onClick={handleSignin} size="large">
-          {intl.get('screen.loginPage.signup')}
-        </LandingPageButton>
         <LandingPageButton alt onClick={handleSignin} size="large">
           {intl.get('screen.loginPage.login')}
         </LandingPageButton>
+        <LandingPageButton onClick={handleSignin} size="large">
+          {intl.get('screen.loginPage.signup')}
+        </LandingPageButton>
       </div>
     </div>
   );