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/components/J40Header.tsx

@@ -1,7 +1,6 @@
 import React, {useState} from 'react';
-import {FormattedMessage, Link, useIntl} from 'gatsby-plugin-intl';
+import {Link, useIntl} from 'gatsby-plugin-intl';
 import {
-  Alert,
   Header,
   NavMenuButton,
   PrimaryNav,
@@ -11,11 +10,7 @@ import {defineMessages} from 'react-intl';
 // @ts-ignore
 import siteLogo from '../../src/images/icon.png';
 
-interface IJ40HeaderProps {
-  location: Location
-}
-const J40Header = ({location}:IJ40HeaderProps) => {
-  const isMethodologyPage = location.pathname.match(/methodology\/?/);
+const J40Header = () => {
   const intl = useIntl();
   const [mobileNavOpen, setMobileNavOpen] = useState(false);
   const messages = defineMessages({
@@ -119,29 +114,6 @@ const J40Header = ({location}:IJ40HeaderProps) => {
           </PrimaryNav>
         </div>
       </Header>
-      <Alert className={'j40-sitealert'} type="info">
-        <span className={'j40-sitealert-title'}><FormattedMessage
-          id='header.alertTitleBeta'
-          description={'Alerts that appear on every page - title'}
-          defaultMessage={`Public beta`}/> - </span>
-        <span className={'j40-sitealert-body'}>
-          <FormattedMessage
-            id='header.alertBodyBeta'
-            description={'Alerts that appear on every page'}
-            defaultMessage={`This website will be continuously updated`}/>
-        </span>
-        <br/>
-      </Alert>
-      {!isMethodologyPage && <Alert
-        className={'j40-sitealert'}
-        type="warning">
-        <b>Limited data sources — </b>
-        This tool currently includes 16 datasets. Over time, datasets could be
-        added, updated, or removed. The datasets come from a variety of sources
-        based on availability, quality, and relevance to environmental, energy,
-        and climate issues. Each dataset has limitations, such as how recently
-        the data was updated.
-      </Alert>}
     </>
   );
 };