update the warning

Author: ChengShi-1

src/keycloak-theme/login/Template.tsx

@@ -64,11 +64,19 @@ export default function Template(props: TemplateProps<KcContext, I18n>) {
 
   return (
     <div className={styles.login} id="kc-login-template">
+      {kcContext.pageId === 'login.ftl' && (
+        <div className={styles['top-notice']}>
+          <Alert variant="warning" customHeading={msgStr('signInNoticeTitle')} dismissible={false}>
+            {msg('signInNoticeBody')}
+          </Alert>
+        </div>
+      )}
       <div id="kc-header">
         <div id="kc-header-wrapper" className={styles['header-wrapper']}>
           <img src={dataverse_logo} alt="Brand Logo Image" />
         </div>
       </div>
+
       <div className={styles['login-card']}>
         <header>
           {enabledLanguages.length > 1 && (

src/keycloak-theme/login/i18n.ts

@@ -7,9 +7,9 @@ const { useI18n, ofTypeI18n } = i18nBuilder
   .withThemeName<ThemeName>()
   .withCustomTranslations({
     en: {
-      signInNoticeTitle: 'Note',
+      signInNoticeTitle: 'Note about ORCID, GitHub, and Google sign-in:',
       signInNoticeBody:
-        'Please use your Username/Email or Institutional Account to sign in. Other identity providers(ORCID, GitHub, Microsoft and Google) are not supported for Dataverse SPA.'
+        'These options are available only to the existing accounts that previously authenticated with these methods. New sign-ups via ORCID, GitHub, or Google are not supported. Please use your Institutional Login or Username/Email to sign up. If you need help logging in, please contact support.'
     }
   })
   .build()

src/keycloak-theme/login/pages/Login.tsx

@@ -5,7 +5,7 @@ import { useIsPasswordRevealed } from 'keycloakify/tools/useIsPasswordRevealed'
 import type { PageProps } from 'keycloakify/login/pages/PageProps'
 import type { KcContext } from '../KcContext'
 import type { I18n } from '../i18n'
-import { Alert, Button, Col, Form } from '@iqss/dataverse-design-system'
+import { Button, Col, Form } from '@iqss/dataverse-design-system'
 import {
   EyeFill,
   EyeSlashFill,
@@ -92,9 +92,6 @@ export default function Login(props: PageProps<Extract<KcContext, { pageId: 'log
           )}
         </>
       }>
-      <Alert variant="warning" customHeading={msgStr('signInNoticeTitle')} dismissible={false}>
-        {msg('signInNoticeBody')}
-      </Alert>
       <div id="kc-form">
         <div id="kc-form-wrapper">
           {realm.password && (