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/components/HowYouCanHelp/index.tsx

@@ -15,12 +15,12 @@ const HowYouCanHelp = () => {
     },
     youCanHelpInfoText: {
       id: 'youCanHelpInfoText.list.element.prefix',
-      defaultMessage: 'If you have helpful information, we’d love to',
+      defaultMessage: 'If you have helpful information, we would love to',
       description: 'you can help info text ',
     },
     youCanHelpInfoLinkText: {
       id: 'youCanHelpInfoLink.link.text',
-      defaultMessage: 'get an email from you',
+      defaultMessage: 'recieve an email from you',
       description: 'you can help info text ',
     },
     youCanHelpDataMethPrefixText: {
@@ -30,7 +30,7 @@ const HowYouCanHelp = () => {
     },
     youCanHelpDataMethLinkText: {
       id: 'youCanHelpDataMethLinkText.link.text',
-      defaultMessage: 'Data & methodology',
+      defaultMessage: 'Data and methodology',
       description: 'Data & methodology link',
     },
     youCanHelpDataMethSuffixText: {
@@ -40,7 +40,7 @@ const HowYouCanHelp = () => {
     },
     youCanHelpSharingPrefixText: {
       id: 'youCanHelpSharingPrefixText.link.prefix.text',
-      defaultMessage: 'Find your community and',
+      defaultMessage: 'Find your community of interest and',
       description: 'find your community',
     },
     youCanHelpSharingLinkText: {

client/src/components/HowYouCanHelp/tests/__snapshots__/howYouCanHelp.test.tsx.snap

@@ -9,11 +9,11 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
     <ul>
       <li>
         <div>
-          If you have helpful information, we’d love to 
+          If you have helpful information, we would love to 
           <a
             href="mailto:screeningtool.feedback@usds.gov"
           >
-            get an email from you
+            recieve an email from you
           </a>
            .
         </div>
@@ -24,14 +24,14 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
           <a
             href="/en/methodology"
           >
-            Data & methodology
+            Data and methodology
           </a>
            and send us feedback
         </div>
       </li>
       <li>
         <div>
-          Find your community and 
+          Find your community of interest and 
           <a
             href="mailto:screeningtool.feedback@usds.gov"
           >