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/components/DownloadPacket/index.tsx

@@ -1,49 +1,37 @@
 import React from 'react';
 import {Button, Grid} from '@trussworks/react-uswds';
 import {useIntl} from 'gatsby-plugin-intl';
-import {defineMessages} from 'react-intl';
 
 import * as styles from './downloadPacket.module.scss';
-import * as constants from '../../data/constants';
+import * as METHODOLOGY_COPY from '../../data/copy/methodology';
+
 // @ts-ignore
 import downloadIcon from '/node_modules/uswds/dist/img/usa-icons/file_download.svg';
 
 const DownloadPacket = () => {
   const intl = useIntl();
-  const messages = defineMessages({
-    downloadPacketHeader: {
-      id: 'downloadPacket.header.text',
-      defaultMessage: `Draft communities list (${constants.DOWNLOAD_FILE_SIZE})`,
-      description: 'download packet header text',
-    },
-    downloadPacketInfo: {
-      id: 'downloadPacket.info.text',
-      defaultMessage: 'The package includes the draft list of prioritized communities (.csv and .xlsx) '+
-      ` and information about how to use the list (.pdf). Last updated: ${constants.DOWNLOAD_LAST_UPDATED} `,
-      description: 'download packet info text',
-    },
-    downloadPacketButtonText: {
-      id: 'downloadPacket.button.text',
-      defaultMessage: 'Download packet',
-      description: 'download packet button text',
-    },
-  });
 
   return (
     <Grid>
       <div className={styles.downloadBoxContainer}>
         <div className={styles.downloadBox}>
           <div className={styles.downloadBoxTextBox}>
-            <div className={styles.downloadBoxTitle}>{intl.formatMessage(messages.downloadPacketHeader)}</div>
+            <div className={styles.downloadBoxTitle}>
+              {intl.formatMessage(METHODOLOGY_COPY.DOWNLOAD_PACKAGE.TITLE)}
+            </div>
             <div className={styles.downloadBoxText}>
-              {intl.formatMessage(messages.downloadPacketInfo)}
+              {intl.formatMessage(METHODOLOGY_COPY.DOWNLOAD_PACKAGE.DESCRIPTION)}
+              {' '}
+              <span>
+                {intl.formatMessage(METHODOLOGY_COPY.DOWNLOAD_PACKAGE.LAST_UPDATED)}
+              </span>
             </div>
             <div className={styles.downloadBoxButtonContainer}>
-              <a data-cy={'download-link'} href={constants.DOWNLOAD_ZIP_URL}>
+              <a data-cy={'download-link'} href={METHODOLOGY_COPY.DOWNLOAD_ZIP_URL}>
                 <Button className={styles.downloadBoxButton} type="button">
                   <div><img src={downloadIcon} /> </div>
                   <div className={styles.downloadPacketText}>
-                    {intl.formatMessage(messages.downloadPacketButtonText)}
+                    {intl.formatMessage(METHODOLOGY_COPY.DOWNLOAD_PACKAGE.BUTTON_TEXT)}
                   </div>
                 </Button>
               </a>