[noTicket][risk=medium] Update message on Login Issue banner (#8672)

ui/src/app/pages/login/login-error-banner.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 
 import { ErrorMessage } from 'app/components/messages';
+import { AoU } from 'app/components/text-wrappers';
 
 export const LOGIN_ERROR_BANNER = () => (
   <div
@@ -12,10 +13,15 @@ export const LOGIN_ERROR_BANNER = () => (
     }}
   >
     <ErrorMessage>
-      We are currently experiencing technical difficulties with our login
-      system. Our team is actively working to resolve this issue as quickly as
-      possible. We apologize for any inconvenience this may cause and appreciate
-      your patience.
+      The <AoU /> Researcher Workbench is currently experiencing an outage. Our
+      team continues to work diligently to resolve this issue as quickly as
+      possible, and we apologize for any inconveniences this may cause. We will
+      provide updates via the
+      <a href='https://support.researchallofus.org/hc/en-us' target='blank'>
+        {' '}
+        User Support Hub homepage
+      </a>{' '}
+      when available.
     </ErrorMessage>
   </div>
 );

ui/src/app/pages/login/login.spec.tsx

@@ -45,7 +45,7 @@ describe('LoginComponent', () => {
     component(loginProps);
     expect(
       screen.getByText(
-        /we are currently experiencing technical difficulties with our login system\./i
+        /Researcher Workbench is currently experiencing an outage\./i
       )
     ).toBeInTheDocument();
   });