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/DatasetCard/index.tsx

@@ -4,11 +4,10 @@ import {defineMessages} from 'react-intl';
 import * as styles from './datasetCard.module.scss';
 
 interface IDatasetCardProps {
-  key: number,
   datasetCardProps: { [key:string]: string }
 }
 
-const DatasetCard = ({key, datasetCardProps}:IDatasetCardProps) => {
+const DatasetCard = ({datasetCardProps}:IDatasetCardProps) => {
   const intl = useIntl();
   const messages = defineMessages({
     whatIsIt: {
@@ -33,11 +32,6 @@ const DatasetCard = ({key, datasetCardProps}:IDatasetCardProps) => {
     },
   });
 
-  // Todo VS: figure out how to ignore unused variables such as keys
-  // tried tsconfig, no-unused-vars, @typescript-eslint/no-unused-vars
-  // Also check associated unit test warning.
-  console.log(key);
-
   return (
     <div className={styles.datasetCard}>
       <h3 className={styles.datasetCardIndicator}>{datasetCardProps.indicator}</h3>