Update version number on frontend (#730)

* Update version number on frontend

- add verion to download packet
- add verison to side panel
- update snaphots
- add version to constant file

* Add minor UI changes from QA

- adjust copy in download package
- update tests

* Refactor all intl code and will add page tests

- remove all copy app wide and place into respective data/copy folder
- adds tests for each page
- allow product to make copy changes in one place
- prepare for spanish language effort

client/src/pages/methodology.tsx

@@ -1,7 +1,6 @@
 import * as React from 'react';
 import {Grid} from '@trussworks/react-uswds';
 import {useIntl} from 'gatsby-plugin-intl';
-import {defineMessages} from 'react-intl';
 
 import AlertWrapper from '../components/AlertWrapper';
 import DatasetContainer from '../components/DatasetContainer';
@@ -10,6 +9,8 @@ import J40MainGridContainer from '../components/J40MainGridContainer';
 import Layout from '../components/layout';
 import ScoreStepsList from '../components/scoreStepsList';
 
+import * as METHODOLOGY_COPY from '../data/copy/methodology';
+
 interface MethodPageProps {
   location: Location;
 }
@@ -17,39 +18,21 @@ interface MethodPageProps {
 // markup
 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',
-      description: 'methodology page header text',
-    },
-    methodologyPagep1: {
-      id: 'methodology.page.paragraph.first',
-      defaultMessage: 'The methodology for identifying communities of focus is currently ' +
-      'in a draft, pre-decisional form that may change over time as more datasets become available.',
-      description: 'methodology page paragraph 1',
-    },
-  });
 
   return (
-    <Layout location={location} title={intl.formatMessage(messages.methodologyPageTitle)}>
+    <Layout location={location} title={intl.formatMessage(METHODOLOGY_COPY.PAGE.TILE)}>
 
       <J40MainGridContainer>
         <AlertWrapper showBetaAlert={true} showLimitedDataAlert={false}/>
       </J40MainGridContainer>
 
       <J40MainGridContainer>
-        <h1>{intl.formatMessage(messages.methodologyPageHeader)}</h1>
+        <h1>{intl.formatMessage(METHODOLOGY_COPY.PAGE.HEADING)}</h1>
         <Grid row gap className={'j40-mb-5'}>
           <Grid col={12} tablet={{col: 6}}>
             <section>
               <p>
-                {intl.formatMessage(messages.methodologyPagep1)}
+                {intl.formatMessage(METHODOLOGY_COPY.PAGE.DESCRIPTION)}
               </p>
             </section>
           </Grid>