Move survey button to footer (#897)

* Move survey button to header

- remove SurveyFab component as it's no longer a FAB
- place button in heading
- add tests
- add pageStyles module

* Add retry and timeout to failing test

* Move survey button to bottom of page

* Fix surveyButton failing a11y

- udpate snapshots

* Align survey button to Contact nav link

client/src/pages/__snapshots__/contact.test.tsx.snap

@@ -309,6 +309,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
       class="grid-container-desktop-lg"
       data-testid="gridContainer"
     >
+      <h1>
+        Contact
+      </h1>
       <div
         class="grid-row"
         data-testid="grid"
@@ -317,9 +320,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
           class="grid-col"
           data-testid="grid"
         >
-          <h1>
-            Contact
-          </h1>
           <h2>
             Email us
           </h2>
@@ -336,13 +336,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
-    <button
-      class="usa-button"
-      data-testid="button"
-      type="button"
-    >
-      Take our survey!
-    </button>
   </main>
   <footer
     class="j40-footer"
@@ -518,6 +511,18 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <button
+        class="usa-button"
+        data-testid="button"
+        type="button"
+      >
+        Tell us how we're doing
+      </button>
+    </div>
   </footer>
 </DocumentFragment>
 `;

client/src/pages/__snapshots__/index.test.tsx.snap

@@ -656,13 +656,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
-    <button
-      class="usa-button"
-      data-testid="button"
-      type="button"
-    >
-      Take our survey!
-    </button>
   </main>
   <footer
     class="j40-footer"
@@ -838,6 +831,18 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <button
+        class="usa-button"
+        data-testid="button"
+        type="button"
+      >
+        Tell us how we're doing
+      </button>
+    </div>
   </footer>
 </DocumentFragment>
 `;

client/src/pages/__snapshots__/methodology.test.tsx.snap

@@ -1116,13 +1116,6 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
-    <button
-      class="usa-button"
-      data-testid="button"
-      type="button"
-    >
-      Take our survey!
-    </button>
   </main>
   <footer
     class="j40-footer"
@@ -1298,6 +1291,18 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis
         </div>
       </div>
     </div>
+    <div
+      class="grid-container-desktop-lg"
+      data-testid="gridContainer"
+    >
+      <button
+        class="usa-button"
+        data-testid="button"
+        type="button"
+      >
+        Tell us how we're doing
+      </button>
+    </div>
   </footer>
 </DocumentFragment>
 `;

client/src/pages/cejst.tsx

@@ -23,7 +23,9 @@ const CEJSTPage = ({location}: IMapPageProps) => {
   return (<Layout location={location} title={intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_TILE)}>
 
     <J40MainGridContainer>
+
       <h1>{intl.formatMessage(EXPLORE_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
+
       <Grid row className={'j40-mb-5'}>
         <Grid col={12} tablet={{col: 6}}>
           <section>

client/src/pages/contact.tsx

@@ -6,7 +6,6 @@ import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
 
 import * as CONTACT_COPY from '../data/copy/contact';
-
 interface IContactPageProps {
   location: Location;
 }
@@ -18,11 +17,11 @@ const ContactPage = ({location}: IContactPageProps) => {
     <Layout location={location} title={intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_TILE)}>
 
       <J40MainGridContainer>
+
+        <h1>{intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_HEADING)}</h1>
+
         <Grid row>
           <Grid col>
-            <h1>
-              {intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_HEADING)}
-            </h1>
             <h2>
               {intl.formatMessage(CONTACT_COPY.PAGE_INTRO.PAGE_SUB_HEADING)}
             </h2>

client/src/pages/index.tsx

@@ -37,7 +37,9 @@ const IndexPage = ({location}: IndexPageProps) => {
     <Layout location={location} title={intl.formatMessage(ABOUT_COPY.PAGE.TILE)}>
 
       <J40MainGridContainer>
+
         <h1 data-cy={'about-page-heading'}>{intl.formatMessage(ABOUT_COPY.PAGE.HEADING)}</h1>
+
         <AboutCardsContainer>
           <AboutCard
             size={'large'}

client/src/pages/methodology.tsx

@@ -22,7 +22,9 @@ const IndexPage = ({location}: MethodPageProps) => {
     <Layout location={location} title={intl.formatMessage(METHODOLOGY_COPY.PAGE.TILE)}>
 
       <J40MainGridContainer>
+
         <h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
+
         <Grid row gap className={'j40-mb-5'}>
           <Grid col={12} tablet={{col: 6}}>
             <section>