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/styles/global.scss

@@ -24,7 +24,7 @@ There are 3 things that should be included in this file:
     -- Footer styles
   - Component styles
     -- Map styles
-    -- Timeline/process list styles
+    -- Public Event styles
     -- About styles
 */
 
@@ -83,12 +83,12 @@ p.flush {
 
 // 24 pixel margin-bottom
 .j40-mb-3 {
-  @include u-margin-bottom(3)
+  @include u-margin-bottom(3);
 }
 
 // 40 pixel margin-bottom
 .j40-mb-5 {
-  @include u-margin-bottom(5)
+  
 }
 
 .j40-footer-ceq-font {
@@ -120,8 +120,22 @@ components include:
 }
 
 #main-content {
-  border-top: 0;
-  min-height: 60vh;
+  border-top: 0; // The main content has border this removes it
+  min-height: 60vh; // Contact page's content is not enough to fill page so this keeps the footer low
+
+  .page-heading {
+    display: flex;
+    justify-content: space-between;
+
+    @include at-media-max("tablet"){
+      flex-direction: column;
+    }
+  }
+
+  .j40-mb5-mt3 {
+    @include u-margin-bottom(5);
+    @include u-margin-top(3);
+  }
 }
 
 
@@ -296,12 +310,12 @@ This section will outline styles that are component specific
 
 /* 
 ***************************************
-*      TIMELINE / PROCESS LIST STYLES
+*      PUBLIC EVENT STYLES
 *************************************** 
 */ 
 
-.usa-process-list__item{
-  @include u-border-left('base-lightest');
+.usa-collection__body{
+  width: 0;
 }