Methodology page update for Score L (#1010)

* Add first column of Methodology score L

- create a new component MethodologyFormula (MF)
- MF component contain text on formula calculation
- add snapshots

* Add 2nd column to Methodology page

- add LowIncome component
- add USWDS styles on download component
- add margin-top styles to global
- enable all font-sizes to theme file

* Add Categories to Methodology page

- create CategoryCard component
- create Categories component
- add snapshots

* Update datasets

- update styling to match mock
- add additional indicators
- remove additional indicators
- update snapshots

* Add links to categories to datasets

- update snapshots

* Remove additional indicator test as they now N/A

* ensure each DOM ID is unique for a11y

- update snapshots

* Add Category heading for a11y

- removes ScoreSteps tests
- comment out ScoreStep component
- update snapshots
- cypress passes all a11y

* Update to methodology copy

- based on PDF and spreadsheet and Living Copy
-updates snapshots

* Add comments around using IF, AND, ELSE constants

- make indicator constant names more explicit

* Update copy based on living doc

- update snapshots

client/src/components/Categories/Categories.tsx

@@ -0,0 +1,43 @@
+import React from 'react';
+import {Grid} from '@trussworks/react-uswds';
+
+import IndicatorCategory from '../CategoryCard';
+import J40MainGridContainer from '../J40MainGridContainer';
+
+import * as METHODOLOGY_COPY from '../../data/copy/methodology';
+import * as styles from './Categories.module.scss';
+
+const categories = [
+  METHODOLOGY_COPY.CATEGORIES.CLIMATE_CHANGE,
+  METHODOLOGY_COPY.CATEGORIES.CLEAN_ENERGY,
+  METHODOLOGY_COPY.CATEGORIES.CLEAN_TRANSPORT,
+  METHODOLOGY_COPY.CATEGORIES.AFFORDABLE_HOUSING,
+  METHODOLOGY_COPY.CATEGORIES.LEGACY_POLLUTION,
+  METHODOLOGY_COPY.CATEGORIES.CLEAN_WATER,
+  METHODOLOGY_COPY.CATEGORIES.HEALTH_BURDENS,
+  METHODOLOGY_COPY.CATEGORIES.WORKFORCE_DEV,
+];
+
+const Categories = () => {
+  return (
+    <>
+      <J40MainGridContainer className={styles.categoriesContainer}>
+
+        <Grid row>
+          <Grid col={12}>
+            <h2>{METHODOLOGY_COPY.CATEGORY.HEADING}</h2>
+          </Grid>
+        </Grid>
+
+      </J40MainGridContainer>
+
+      <J40MainGridContainer className={styles.categoriesContainer}>
+        {
+          categories.map((category, index) => <IndicatorCategory key={index} categoryInfo={category} />)
+        }
+      </J40MainGridContainer>
+    </>
+  );
+};
+
+export default Categories;