Public Engagement Page (#1372)

* Add public engagement page

- modifies sitemap config
- creates PublicEvent component
- adds SVGs for dates
- all copy is in intl

* Add Public Engagement button to each page

- create new PublicEng component
- add to each page
- update snapshots
- modify CEJST and Meth page to give button more space

* Make mobile compliant and fix DOM validation error

- transform each <p>'s descendent into a <CollectionDescription>
- fix a mobile rendering issue with <Collection> library
- format registration links so they render on mobile
- update snapshots

* Add spacing to descriptions and fix links

* Add Gherkin tests for testing links

- all zoom links should be functional
- ensure all legacy tests, test the new page
- add data-cy tag for cypress
- update snapshots

* Refactor to pass accessibility on all pages

- update snapshots

* Correct registration links

* Make registration links into buttons

* Make new tag bold

* Update copy based on feedback from Corey

client/src/pages/public-engagement.tsx

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import {Grid, Collection} from '@trussworks/react-uswds';
+import {useIntl} from 'gatsby-plugin-intl';
+
+import J40MainGridContainer from '../components/J40MainGridContainer';
+import Layout from '../components/layout';
+import PublicEvent from '../components/PublicEvent';
+
+import * as PUBLIC_ENG_COPY from '../data/copy/publicEngage';
+
+interface IPublicEngagementPageProps {
+  location: Location;
+}
+
+const PublicEngagementPage = ({location}: IPublicEngagementPageProps) => {
+  const intl = useIntl();
+
+  // TODO: filter events by date
+  const futureEvents = PUBLIC_ENG_COPY.EVENTS;
+  // const pastEvents
+
+  return (
+    <Layout location={location} title={intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_TILE)}>
+
+      <J40MainGridContainer>
+
+        <h1>{intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_HEADING1)}</h1>
+
+        <Grid row tablet={{col: 8}} desktop={{col: 7}}>
+          <p>
+            {intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION1)}
+          </p>
+          <p>
+            {intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION2)}
+          </p>
+          <p>
+            {intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_DESCRIPTION3)}
+          </p>
+        </Grid>
+
+        <Grid row>
+          <h2>
+            {intl.formatMessage(PUBLIC_ENG_COPY.PAGE_INTRO.PAGE_HEADING2)}
+          </h2>
+        </Grid>
+
+        <Collection>
+          {futureEvents.map((event, index) => <PublicEvent key={index} event={event} />)}
+        </Collection>
+
+        <Grid row>
+          {/* Empty Spacer */}
+        </Grid>
+      </J40MainGridContainer>
+    </Layout>
+  );
+};
+
+export default PublicEngagementPage;