fix(LoginPage): updated markup for LoginMainHeader (#10880)

Author: thatblindgeye

packages/react-core/src/components/LoginPage/LoginMainHeader.tsx

@@ -24,7 +24,7 @@ export const LoginMainHeader: React.FunctionComponent<LoginMainHeaderProps> = ({
   headerUtilities = null,
   ...props
 }: LoginMainHeaderProps) => (
-  <header className={css(styles.loginMainHeader, className)} {...props}>
+  <div className={css(styles.loginMainHeader, className)} {...props}>
     {title && (
       <Title headingLevel="h2" size={TitleSizes['3xl']}>
         {title}
@@ -33,6 +33,6 @@ export const LoginMainHeader: React.FunctionComponent<LoginMainHeaderProps> = ({
     {subtitle && <p className={css(styles.loginMainHeaderDesc)}>{subtitle}</p>}
     {headerUtilities && <div className={css(styles.loginMainHeaderUtilities)}>{headerUtilities}</div>}
     {children}
-  </header>
+  </div>
 );
 LoginMainHeader.displayName = 'LoginMainHeader';

packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginMainHeader.test.tsx.snap

@@ -2,23 +2,23 @@
 
 exports[`LoginMainHeader className is added to the root element 1`] = `
 <DocumentFragment>
-  <header
+  <div
     class="pf-v6-c-login__main-header extra-class"
   />
 </DocumentFragment>
 `;
 
 exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
-  <header
+  <div
     class="pf-v6-c-login__main-header"
   />
 </DocumentFragment>
 `;
 
 exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `
 <DocumentFragment>
-  <header
+  <div
     class="pf-v6-c-login__main-header"
   >
     <h2
@@ -34,6 +34,6 @@ exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `
     >
       Use LDAP credentials
     </p>
-  </header>
+  </div>
 </DocumentFragment>
 `;

packages/react-core/src/components/LoginPage/__tests__/__snapshots__/LoginPage.test.tsx.snap

@@ -24,7 +24,7 @@ exports[`check loginpage example against snapshot 1`] = `
       <main
         class="pf-v6-c-login__main"
       >
-        <header
+        <div
           class="pf-v6-c-login__main-header"
         >
           <h2
@@ -35,7 +35,7 @@ exports[`check loginpage example against snapshot 1`] = `
           >
             Log into your account
           </h2>
-        </header>
+        </div>
         <div
           class="pf-v6-c-login__main-body"
         />