Modifies ExploreTool page to match sprint 4 design (#481)

* initial commit of sprint 4 explore page

* adds styling on HowYouCanHelp module

* troubleshooting li element on deployed URL

removing local bullet styles

* removing unused styles

* recreating HowYouCanHelp

* explicit list el styles

* adds bullets back in

* fixes tooltip style and alert padding

* componentize MapLegend

* fix links

* inital intl and unit tests

* adds trusswork tooltip for comparison

* updates based on various feedback and disucssions:

- removes react-tooltip
- placeholder trussworks tooltip
- removes download packet component
- intl on HowYouCanHelp
- updates MapLegend tests
- add initial cy test on ExploreTool page

* removes bold on alert

* PR feedback:

- removes location from J40Alert
- localizes `COLOR KEY`

* adds intl to constants file

* modifies download zip URL to new S3 location

* removes location depedencies on Alerts

* add localization for HowYouCanHelp

client/src/styles/global.scss

@@ -30,6 +30,10 @@ $theme-font-role-heading: "sans";
 $j40-max-width: 80ex;
 $primary-color: #112f4e;
 
+#main-content {
+  border-top: 0;
+}
+
 .j40-two-column {
   overflow: hidden;
   padding: 0;
@@ -135,9 +139,8 @@ $primary-color: #112f4e;
       float: left; // allows vertical centering on logo and text
       margin-right: 0.5em; // space between logo and text
       width: 3em;
-      padding: 0.4em;  // this will change the size of the logo too
+      padding: 0.4em; // this will change the size of the logo too
     }
-
   }
 }
 
@@ -186,7 +189,7 @@ $primary-color: #112f4e;
   }
 
   h1 {
-    font-size: 2.13rem;
+    font-size: 2.7rem;
   }
   h2 {
     font-size: 1.46rem;
@@ -235,9 +238,6 @@ $primary-color: #112f4e;
     font-weight: bold;
   }
 
-  .j40-sitealert-body {
-  }
-
   .usa-alert {
     margin: 0;
     padding-bottom: 0;