feat(#2145): header - turned 'className' to 'class' for angular examples

Author: mxsoco

src/examples/header-logged-in-menu.tsx

@@ -41,7 +41,7 @@ export const HeaderLoggedInMenu = () => {
                       <a href="#">Manage account</a>
                       <a href="#">Request new staff account</a>
                       <a href="#">System admin</a>
-                      <a href="#" className="interactive">Sign out</a>
+                      <a href="#" class="interactive">Sign out</a>
                   </goa-app-header-menu>
                 </goa-app-header>
               `}
@@ -66,7 +66,7 @@ export const HeaderLoggedInMenu = () => {
                       <a href="#">Manage account</a>
                       <a href="#">Request new staff account</a>
                       <a href="#">System admin</a>
-                      <a href="#" className="interactive">Sign out</a>
+                      <a href="#" class="interactive">Sign out</a>
                   </goab-app-header-menu>
                 </goab-app-header>
               `}

src/examples/header-with-sign-in.tsx

@@ -30,7 +30,7 @@ export const HeaderSignIn = () => {
                   [hasmenuclickhandler]="true"
                   (_menuClick)="handleMenuClick()"
                 >
-                  <a href="#" className="interactive">Sign in</a>
+                  <a href="#" class="interactive">Sign in</a>
                 </goa-app-header>
               `}
         />
@@ -49,7 +49,7 @@ export const HeaderSignIn = () => {
                   [fullMenuBreakpoint]="1500"
                   (onMenuClick)="handleMenuClick()"
                 >
-                  <a href="#" className="interactive">Sign in</a>
+                  <a href="#" class="interactive">Sign in</a>
                 </goab-app-header>
               `}
         />