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/pages/methodology.tsx

@@ -18,6 +18,11 @@ interface MethodPageProps {
 const IndexPage = ({location}: MethodPageProps) => {
   const intl = useIntl();
   const messages = defineMessages({
+    methodologyPageTitle: {
+      id: 'methodology.page.title.text',
+      defaultMessage: 'Data and Methodology',
+      description: 'methodology page title text',
+    },
     methodologyPageHeader: {
       id: 'methodology.page.header.text',
       defaultMessage: 'Methodology',
@@ -32,7 +37,7 @@ const IndexPage = ({location}: MethodPageProps) => {
   });
 
   return (
-    <Layout location={location}>
+    <Layout location={location} title={intl.formatMessage(messages.methodologyPageTitle)}>
 
       <J40MainGridContainer>
         <AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>