fix: update header and toggle text based on figma designs (#276)

src/common-components/Logistration.jsx

@@ -20,7 +20,7 @@ const Logistration = (props) => {
           {intl.formatMessage(messages['logistration.register'])}
         </Link>
         <Link className={`nav-item nav-link ${selectedPage === LOGIN_PAGE ? 'active' : ''}`} to={updatePathWithQueryParams(LOGIN_PAGE)}>
-          {intl.formatMessage(messages['logistration.login'])}
+          {intl.formatMessage(messages['logistration.sign.in'])}
         </Link>
       </span>
       <div id="main-content" className="main-content">

src/common-components/messages.jsx

@@ -24,9 +24,9 @@ const messages = defineMessages({
     description: 'Part of message that appears after user requests password change',
   },
   // Logistration strinsg
-  'logistration.login': {
-    id: 'logistration.login',
-    defaultMessage: 'Login',
+  'logistration.sign.in': {
+    id: 'logistration.sign.in',
+    defaultMessage: 'Sign in',
     description: 'Text that appears on the tab to switch between login and register',
   },
   'logistration.register': {
@@ -110,7 +110,7 @@ const messages = defineMessages({
   // third party auth
   'tpa.alert.heading': {
     id: 'tpa.alert.heading',
-    defaultMessage: 'Almost done',
+    defaultMessage: 'Almost done!',
     description: 'Success alert heading after user has successfully signed in with social auth',
   },
   'login.third.party.auth.account.not.linked': {

src/common-components/tests/__snapshots__/ThirdPartyAuthAlert.test.jsx.snap

@@ -21,7 +21,7 @@ exports[`ThirdPartyAuthAlert should match register page third party auth alert m
   <div
     className="alert-heading h4"
   >
-    Almost done
+    Almost done!
   </div>
   <p>
     You've successfully signed into Google! We just need a little more information before you start learning with edX.