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/data/constants.tsx

@@ -48,6 +48,17 @@ export const EDUCATION_PROPERTY_PERCENTILE =
 `Percent individuals age 25 or over with less than high school degree (percentile)`;
 export const COUNTY_NAME = 'County Name';
 export const STATE_NAME = 'State Name';
+export const DIABETES_PERCENTILE = 'Diagnosed diabetes among adults aged >=18 years (percentile)';
+export const ASTHMA_PERCENTILE = 'Current asthma among adults aged >=18 years (percentile)';
+export const HEART_PERCENTILE = 'Coronary heart disease among adults aged >=18 years (percentile)';
+export const LIFE_PERCENTILE = 'Life expectancy (years) (percentile)';
+export const TRAFFIC_PERCENTILE = 'Traffic proximity and volume (percentile)';
+export const FEMA_PERCENTILE = 'FEMA Risk Index Expected Annual Loss Score (percentile)';
+export const ENERGY_PERCENTILE = 'Energy burden (percentile)';
+export const WASTEWATER_PERCENTILE = 'Wastewater discharge (percentile)';
+export const LEAD_PAINT_PERCENTILE = 'Percent pre-1960s housing (lead paint indicator) (percentile)';
+export const DIESEL_MATTER_PERCENTILE = 'Diesel particulate matter (percentile)';
+export const PM25_PERCENTILE = 'Particulate matter (PM2.5) (percentile)';
 
 
 // The name of the layer within the tiles that contains the score
@@ -133,19 +144,15 @@ export const SCORE_BOUNDARY_PRIORITIZED = 0.75;
 export const EXPLORE_TOOL_PAGE_TEXT = defineMessages({
   PRIORITY_LABEL: {
     id: 'legend.info.priority.label',
-    defaultMessage: 'Prioritized community',
+    defaultMessage: 'Draft community of focus',
     description: 'the label of the prioritized community legend',
   },
-  THRESHOLD_LABEL: {
+  PRIORITY_DESCRIPT: {
     id: 'legend.info.threshold.label',
-    defaultMessage: 'Threshold community',
+    defaultMessage: 'These communities are identified as experiencing disadvantages that merit' +
+    ' the focus of certain Federal investments, including through the Justice40 Initiative',
     description: 'the label of the threshold community legend',
   },
-  LEGEND_LABEL: {
-    id: 'legend.colorkey.label',
-    defaultMessage: 'Color key',
-    description: 'the label of the key in the legend',
-  },
 });
 
 export const isMobile = isMobileReactDeviceDetect;