Website copy layout styling updates for Tuesday launch (#685)

* Add basic accordion in AreaDetail

* Refactor AreaDetail to use a Grid layout

- adds useWindowSize to detect window resizes for mobile view
- Map and AreaDetail to use Grid
- removes some component styling from J40
- updates snapshot
- MapWrapper to use Grid

* Add custom Accordion styling

- make J40 map a 9:3 Grid layout split
- override native Accordion heading styles
- make the Accordion multi-selectable
- add some dummy data for indicators

* Update AreaDetail to match design

- remove styles in AreaDetail
- increase height of MapInfoPanel
- add Accordian items (indicators)
- updates snapshot

* Add a Beta Tag to the logo

* Change the line height on indicators descriptions

* Update package-lock after the rebase

* Remove threshold from MapLegend

- move feature selected border color to utils
- remove all tooltip logic
- remove all styles associated with tooltips
- add legend label and descript to constants
- refactor tests to be snapshots

* Add borders between additional indicators

* Modify copy and update styles

- add the ordinal superscript back
- update the copy
- update the snapshots

* Add additional indicators keys

* Connect indicator keys to the UI

- update the areaDetail snapshot

* Render additional indicators accordion open onLoad

- update snapshot

* Update copy on About page

* Update copy on indicator descriptions

- update snapshots

* Update the "How you can help section"

- update the snapshot

* Add a comma to "ZIP file will contain..."

* Add the Datasets section to the methodology page

- update snapshot

* Update Methodology process list to trussworks

- remove custom process list
- remove custom CSS from global file
- change copy

* Modify layout of Methodology to using Grid

- modify Dataset section to use Grid
- remove outdated component CSS
- update the snapshot

* Update copy based on product feedback

- update snapshots

* Remove Accordions

- updates snapshots
- white CBG groups will show "Not community of focus"

client/src/pages/cejst.tsx

@@ -31,15 +31,6 @@ const CEJSTPage = ({location}: IMapPageProps) => {
       defaultMessage: 'Explore the tool',
       description: 'explore the tool heading text',
     },
-    exploreToolPageText: {
-      id: 'exploreTool.page.text',
-      defaultMessage: 'Zoom into the map to see which communities the tool has currently'+
-      'identified as prioritized (the top 25% of communities) or on the'+
-      'threshold. Learn more about the formula and datasets that were'+
-      'used to prioritize these communities on the',
-      description: 'explore the tool page text',
-    },
-
   });
 
   return (<Layout location={location} title={intl.formatMessage(messages.exploreToolTitleText)}>
@@ -53,7 +44,10 @@ const CEJSTPage = ({location}: IMapPageProps) => {
         <Grid col={12} tablet={{col: 6}}>
           <section>
             <p>
-              {intl.formatMessage(messages.exploreToolPageText)}
+            Zoom into the map to see communities of focus that can help Federal agencies
+            identify disadvantaged communities and to provide socioeconomic,
+            environmental, and climate information and data. Learn more about the methodology
+            and datasets that were used to determine these communities of focus on the
               {` `}
               <Link to={'/methodology'}>Data & methodology</Link>
               {` `}
@@ -65,15 +59,13 @@ const CEJSTPage = ({location}: IMapPageProps) => {
           <MapLegend />
         </Grid>
       </Grid>
+    </J40MainGridContainer>
 
-      <Grid row>
-        <Grid col>
-          <section>
-            <MapWrapper location={location}/>
-          </section>
-        </Grid>
-      </Grid>
+    <J40MainGridContainer>
+      <MapWrapper location={location}/>
+    </J40MainGridContainer>
 
+    <J40MainGridContainer>
       <Grid row>
         <Grid col>
           <section>