Gherkin cypress spike (#673)

* integrate gherkin/cucumber w/ cypress

- change cypress.json config from e2e back to standard integration
- add cypress-cucumber-preprocessor
- add integration test of about page

* add a title to each page

* add intl to the 404 page

* Refactor explore tool page

- add intl to static strings
- replace component css with <Grid> layout

* Add title to contact page

* add intl to title of page

* Add gherkin tests for nav to about page

- navigate from any page to the about page
- ensure each link has the title correct on that page

client/cypress/integration/LegacyTests/latlngurl.spec.js

@@ -0,0 +1,33 @@
+// / <reference types="Cypress" />
+
+describe('LatLng Test', () => {
+  it('URL starts at zoom level 3', () => {
+    cy.visit('http://localhost:8000/en/cejst');
+    cy.url().should('include', '#3');
+  });
+  it('URL changes to level 4 when you hit the zoom button', () => {
+    cy.get('.mapboxgl-ctrl-zoom-in > .mapboxgl-ctrl-icon').click();
+    cy.url().should('include', '#4');
+  });
+  it('URL includes correct lat/lng coordinates', () => {
+    cy.getMap().then((map) => {
+      cy.panTo(map, [-77.9, 35.04]);
+      cy.url().should('include', '#4/35.04/-77.9');
+    });
+  });
+  it('allows user to specify alternative starting URL', () => {
+    const [expectedZoom, expectedLat, expectedLng] = [12.05, 41.40965, -75.65978];
+    const expectedURL = `http://localhost:8000/en/cejst/#${expectedZoom}/${expectedLat}/${expectedLng}`;
+    cy.visit(expectedURL);
+    cy.getMap().then((map) => {
+      cy.waitForMapIdle(map);
+      cy.url().should('equal', expectedURL);
+      const actualZoom = map.getZoom();
+      const actualCenter = map.getCenter();
+      expect(actualCenter.lat).to.eq(expectedLat);
+      expect(actualCenter.lng).to.eq(expectedLng);
+      expect(actualZoom).to.eq(expectedZoom);
+    });
+  });
+});
+