feat(settings): Expand Settings page functionality (#16664)

* fix(layout): Fix Settings layout in firefox

* chore(availableForHire): Remove available for hire setting

* feat(helpers): Use helper components for Settings layout

* fix(map): Fix undefined lang requested

* feat(settings): Expand Settings page functionality

* chore(pledge): Remove pledge from Settings

* fix(about): Adjust AboutSettings layout

* fix(portfolio): Improve PortfolioSettings layout

* fix(email): Improve EmailSettings layout

* fix(settings): Align save buttons with form fields

* fix(AHP): Format AHP

* fix(DangerZone): Adjust DangerZone layout

* fix(projectSettings): Change Button Copy

* fix(CertSettings): Fix certificate claim logic

* chore(lint): Lint

server/boot/authentication.js

@@ -7,9 +7,11 @@ import { check } from 'express-validator/check';
 
 import {
   ifUserRedirectTo,
+  ifNoUserRedirectTo,
   createValidatorErrorHandler
 } from '../utils/middleware';
 import { wrapHandledError } from '../utils/create-handled-error.js';
+import { homeURL } from '../../common/utils/constantStrings.json';
 
 const isSignUpDisabled = !!process.env.DISABLE_SIGNUP;
 // const debug = debugFactory('fcc:boot:auth');
@@ -22,6 +24,7 @@ module.exports = function enableAuthentication(app) {
   //  loopback.io/doc/en/lb2/Authentication-authorization-and-permissions.html
   app.enableAuth();
   const ifUserRedirect = ifUserRedirectTo();
+  const ifNoUserRedirectHome = ifNoUserRedirectTo(homeURL);
   const router = app.loopback.Router();
   const api = app.loopback.Router();
   const { AuthToken, User } = app.models;
@@ -79,7 +82,8 @@ module.exports = function enableAuthentication(app) {
     const {
       query: {
         email: encodedEmail,
-        token: authTokenId
+        token: authTokenId,
+        emailChange
       } = {}
     } = req;
 
@@ -122,14 +126,16 @@ module.exports = function enableAuthentication(app) {
               );
             }
             if (user.email !== email) {
-              throw wrapHandledError(
-                new Error('user email does not match'),
-                {
-                  type: 'info',
-                  message: defaultErrorMsg,
-                  redirectTo: '/email-signin'
-                }
-              );
+              if (!emailChange || (emailChange && user.newEmail !== email)) {
+                throw wrapHandledError(
+                  new Error('user email does not match'),
+                  {
+                    type: 'info',
+                    message: defaultErrorMsg,
+                    redirectTo: '/email-signin'
+                  }
+                );
+              }
             }
             return authToken.validate$()
               .map(isValid => {
@@ -185,6 +191,13 @@ module.exports = function enableAuthentication(app) {
     getPasswordlessAuth
   );
 
+  router.get(
+    '/passwordless-change',
+    ifNoUserRedirectHome,
+    passwordlessGetValidators,
+    getPasswordlessAuth
+  );
+
   const passwordlessPostValidators = [
     check('email')
       .isEmail()