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/cypress/e2e/downloadPacket.spec.js

@@ -2,20 +2,22 @@
 
 describe('Census Block Group download', () => {
   it('validate file download', () => {
-    const filename = `usa.zip`;
+    // const filename = `usa.zip`;
     cy.visit('localhost:8000/en/cejst');
-    cy.get('#download-link').invoke('attr', 'target', '_blank');
-    cy.intercept(`https://justice40-data.s3.amazonaws.com/Score/${filename}`,
-        {
-          body: 'success',
-          headers: {
-            'Content-Type': 'text/html; charset=utf-8',
-            'Content-Disposition': 'attachment',
-          },
-        },
-    ).as('downloadRequest');
-    cy.get('button[class*="downloadPacket"]').click();
-    cy.wait('@downloadRequest');
-    cy.readFile(`cypress/downloads/${filename}`).should('exist');
+
+    // Todo VS: Download packet component is being moved. Will be re-enabled with
+    // cy.get('#download-link').invoke('attr', 'target', '_blank');
+    // cy.intercept(`https://justice40-data.s3.amazonaws.com/Score/${filename}`,
+    //     {
+    //       body: 'success',
+    //       headers: {
+    //         'Content-Type': 'text/html; charset=utf-8',
+    //         'Content-Disposition': 'attachment',
+    //       },
+    //     },
+    // ).as('downloadRequest');
+    // cy.get('button[class*="downloadPacket"]').click();
+    // cy.wait('@downloadRequest');
+    // cy.readFile(`cypress/downloads/${filename}`).should('exist');
   });
 });

client/cypress/e2e/exploreToolPage.spec.js

@@ -0,0 +1,13 @@
+// / <reference types="Cypress" />
+
+describe('tests links on Explore Tool Page', () => {
+  it('validate file download', () => {
+    cy.visit('localhost:8000/en/cejst');
+
+    // Checks to make sure all a tags have an href:
+    cy.get('a').each(($a) => {
+      const message = $a.text();
+      expect($a, message).to.have.attr('href').not.contain('undefined');
+    });
+  });
+});