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/methodology.tsx

@@ -4,11 +4,11 @@ import {useIntl} from 'gatsby-plugin-intl';
 import {defineMessages} from 'react-intl';
 
 import AlertWrapper from '../components/AlertWrapper';
-// import DatasetContainer from '../components/DatasetContainer';
+import DatasetContainer from '../components/DatasetContainer';
 import DownloadPacket from '../components/DownloadPacket';
 import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
-// import ScoreStepsList from '../components/scoreStepsList';
+import ScoreStepsList from '../components/scoreStepsList';
 
 interface MethodPageProps {
   location: Location;
@@ -30,8 +30,8 @@ const IndexPage = ({location}: MethodPageProps) => {
     },
     methodologyPagep1: {
       id: 'methodology.page.paragraph.first',
-      defaultMessage: 'The methodology for determining disadvantaged communities for the purposes of '+
-      ' the Justice40 Initiative is currently in progress.',
+      defaultMessage: 'The methodology for identifying communities of focus is currently ' +
+      'in a draft, pre-decisional form that may change over time as more datasets become available.',
       description: 'methodology page paragraph 1',
     },
   });
@@ -45,7 +45,7 @@ const IndexPage = ({location}: MethodPageProps) => {
 
       <J40MainGridContainer>
         <h1>{intl.formatMessage(messages.methodologyPageHeader)}</h1>
-        <Grid row gap>
+        <Grid row gap className={'j40-mb-5'}>
           <Grid col={12} tablet={{col: 6}}>
             <section>
               <p>
@@ -59,13 +59,10 @@ const IndexPage = ({location}: MethodPageProps) => {
         </Grid>
       </J40MainGridContainer>
 
-      {/* // Temporarily removed while the app is demo'd to stakeholders
-      <J40MainGridContainer fullWidth={true}>
-        <Grid row>
-          <Grid col>
-            <DatasetContainer/>
-          </Grid>
-        </Grid>
+      <J40MainGridContainer fullWidth={true} blueBackground={true}>
+        <J40MainGridContainer>
+          <DatasetContainer/>
+        </J40MainGridContainer>
       </J40MainGridContainer>
 
       <J40MainGridContainer>
@@ -74,7 +71,7 @@ const IndexPage = ({location}: MethodPageProps) => {
             <ScoreStepsList/>
           </Grid>
         </Grid>
-      </J40MainGridContainer> */}
+      </J40MainGridContainer>
     </Layout>
   );
 };