add h1 header to homepage

Author: javiert-okta

src/features/home/components/home-page/home-page.component.tsx

@@ -1,6 +1,6 @@
 import React from "react";
+import styles from "./home-page.module.scss"
 import { HeroComponent } from "@/features/common/components/hero/hero.component";
-import { Auth0CtaComponent } from "@/features/common/components/auth0-cta/auth0-cta.component";
 import {
   getHomeDictionary,
   getJwtDictionary,
@@ -126,6 +126,7 @@ export const HomePageComponent: React.FC<HomePageComponentProps> = ({
           },
         ]}
       />
+      <h1 className={styles.visually_hidden}>{homeDictionary.metadata.title}</h1>
       <HeroComponent
         languageCode={languageCode}
         dictionary={homeDictionary.info}

src/features/home/components/home-page/home-page.module.scss

@@ -1,2 +1,11 @@
-.container {
+.visually_hidden {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  white-space: nowrap;
+  border: 0
 }