fix: fix accessibility issues in register embedded experience (#996)

VAN-1541, VAN-1551, VAN-1543

src/register/RegistrationPage.jsx

@@ -558,7 +558,7 @@ const RegistrationPage = (props) => {
           <div
             className={classNames(
               'mw-xs mt-3',
-              { 'w-100 m-auto pt-4': registrationEmbedded },
+              { 'w-100 m-auto pt-4 main-content': registrationEmbedded },
             )}
           >
             <ThirdPartyAuthAlert

src/register/registrationFields/HonorCode.jsx

@@ -30,12 +30,22 @@ const HonorCode = (props) => {
           values={{
             platformName: getConfig().SITE_NAME,
             tosAndHonorCode: (
-              <Hyperlink variant="muted" destination={getConfig().TOS_AND_HONOR_CODE || '#'} target="_blank">
+              <Hyperlink
+                className="inline-link"
+                destination={getConfig().TOS_AND_HONOR_CODE || '#'}
+                target="_blank"
+                showLaunchIcon={false}
+              >
                 {formatMessage(messages['terms.of.service.and.honor.code'])}
               </Hyperlink>
             ),
             privacyPolicy: (
-              <Hyperlink variant="muted" destination={getConfig().PRIVACY_POLICY || '#'} target="_blank">
+              <Hyperlink
+                className="inline-link"
+                destination={getConfig().PRIVACY_POLICY || '#'}
+                target="_blank"
+                showLaunchIcon={false}
+              >
                 {formatMessage(messages['privacy.policy'])}
               </Hyperlink>
             ),

src/register/tests/HonorCode.test.jsx

@@ -55,9 +55,9 @@ describe('HonorCodeTest', () => {
         <IntlHonorCode fieldType="tos_and_honor_code" onChangeHandler={changeHandler} />
       </IntlProvider>,
     );
-    const expectedMsg = 'By creating an account, you agree to the Terms of Service and Honor Codein a new tab and you '
+    const expectedMsg = 'By creating an account, you agree to the Terms of Service and Honor Code and you '
                         + 'acknowledge that Your Platform Name Here and each Member process your personal data in '
-                        + 'accordance with the Privacy Policyin a new tab.';
+                        + 'accordance with the Privacy Policy.';
     const field = HonorCodeProps.find('#honor-code');
     expect(field.text()).toEqual(expectedMsg);
   });