fix(footer): about footer headers

src/components/app-footer/app-footer.scss

@@ -14,13 +14,13 @@
     font-size: 1.6rem;
     line-height: normal;
     margin-bottom: 1.5rem;
-    letter-spacing:normal;
+    letter-spacing: normal;
     text-align: left;
     @include media-breakpoint-down(md) {
       font-size: 1.3rem;
       margin-bottom: 1rem;
     }
-    @include media-breakpoint-down(sm){
+    @include media-breakpoint-down(sm) {
       text-align: center;
     }
   }

src/pages/app-about/app-about.scss

@@ -25,7 +25,7 @@
     text-align: left;
   }
 
-  h2 {
+  h2.about-header {
     @include media-breakpoint-down(md) {
       font-size: 1.75rem;
       line-height: 34px;

src/pages/app-about/app-about.tsx

@@ -25,7 +25,7 @@ export class AppAbout {
         <div class="container-fluid">
           <div class="row align-items-center hero">
             <div class="col-12 col-md-11 offset-md-1">
-              <h1 data-cy='title-hero'>
+              <h1 data-cy="title-hero">
                 <app-translate class="d-none d-md-block" keyword="about.header.title" />
                 <app-translate class="d-block d-md-none" keyword="about.header.titleSmall" />
               </h1>
@@ -41,7 +41,7 @@ export class AppAbout {
 
           <div class="row justify-content-center d-none d-md-block values">
             <div class="col-12">
-              <h2 class="aside-lines">
+              <h2 class="about-header aside-lines">
                 <span>
                   <app-translate keyword="about.values.title" />
                 </span>
@@ -77,7 +77,7 @@ export class AppAbout {
 
           <div id="members" class="row justify-content-center members">
             <div class="col-10 col-lg-10">
-              <h2>
+              <h2 class="about-header">
                 <app-translate keyword="about.landing.cta.title" />
               </h2>
               <app-members-section />