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

@@ -2,22 +2,27 @@ import React, {ReactNode} from 'react';
 import J40Header from './J40Header';
 import J40Footer from './J40Footer';
 import {URLFlagProvider} from '../contexts/FlagContext';
+import {Helmet} from 'react-helmet';
 
 interface ILayoutProps {
   children: ReactNode,
-  location: Location
+  location: Location,
+  title: string,
 }
 
-const Layout = ({children, location}: ILayoutProps) => {
+const Layout = ({children, location, title}: ILayoutProps) => {
   // @ts-ignore
   return (
-    <URLFlagProvider location={location}>
-      <J40Header />
-      <main id={'main-content'}>
-        {children}
-      </main>
-      <J40Footer/>
-    </URLFlagProvider>
+    <>
+      <Helmet title={title} defer={false} />
+      <URLFlagProvider location={location}>
+        <J40Header />
+        <main id={'main-content'}>
+          {children}
+        </main>
+        <J40Footer/>
+      </URLFlagProvider>
+    </>
   );
 };