Adding consistent h and p tags (#639)

* Revert "dockerize front end (#558)"

This reverts commit 89c23faf7a.

* cleans up global.scss file

* removes all unused styles

* adds h1 and h2 via tokens

* adds design to developer pipeline

* adds headers to about page

* removes heading from logo

* adds headings to HowYouHelp and MapLegend

* adds headers to explore tool page

* updates about page with p tags

* add margin-bottom spacers

* updates areaDetail with p and h tags

* update p.secondary margin-top

* sticky footer on contact page

* fixes spacing in footer

* update designer process

client/src/components/AboutCard/AboutCard.tsx

@@ -28,8 +28,8 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
 
           <Grid tablet={{col: 9}}>
             <Grid row>
-              <h3 className={'j40-section-header'} data-cy={'about-screen-tool-heading'}>{props.header} </h3>
-              <div className={'j40-section-body'}>{props.children}</div>
+              <h2 data-cy={'about-screen-tool-heading'}>{props.header} </h2>
+              <p>{props.children}</p>
             </Grid>
           </Grid>
 
@@ -51,9 +51,9 @@ const AboutCard = (props: React.PropsWithChildren<AboutCardProps>) => {
 
           <Grid tablet={{col: 9}}>
             <Grid row>
-              <h3 className={'j40-section-header'} data-cy={'about-justice-40-heading'}>{props.header}</h3>
-              <div className={'j40-section-body'}>{props.children}</div>
-              <div className={'j40-section-footer'}>
+              <h3>{props.header}</h3>
+              <p>{props.children}</p>
+              <div className={'j40-aboutcard-sm-link'}>
                 {props.actionOpenInNewTab ?
                   <a
                     className={'j40-aboutcard-link'}

client/src/components/AboutCard/__snapshots__/AboutCard.test.tsx.snap

@@ -28,19 +28,14 @@ exports[`rendering of the AboutCard checks if component renders 1`] = `
           class="grid-row"
           data-testid="grid"
         >
-          <h3
-            class="j40-section-header"
-            data-cy="about-justice-40-heading"
-          >
+          <h3>
             Test Header
           </h3>
-          <div
-            class="j40-section-body"
-          >
+          <p>
             Content body of the action card.
-          </div>
+          </p>
           <div
-            class="j40-section-footer"
+            class="j40-aboutcard-sm-link"
           >
             <a
               class="j40-aboutcard-link"