Update copy on site based on living copy document (#697)

* Update copy on site based on living copy document

* Updates copy from living doc v2

- updates shots

* Update styling to sidepanel

- make indicator heading white
- change bg color of add'nl indicators 'FAFAFA'

* Separate dataset cards sections by style

- abstract out additional cards color to utils
- create a baseCard mixin
- add datasetCardAdditional style block
- add additionalIndicator prop to DatasetCard
- lower abstaction of GridContainer from methodology to DatasetContainer
- updates snapshot

* Swap resolution and source in dataset cards

- update snapshots

* Update SVGs on About page

- re-center the SVGs to content vertically

client/src/components/MapWrapper/index.tsx

@@ -18,12 +18,17 @@ const MapWrapper = ({location}: IMapWrapperProps) => {
   const messages = defineMessages({
     downloadLinkText: {
       id: 'mapwrapper.download.link',
-      defaultMessage: 'Download the draft list of communities of focus and datasets used',
+      defaultMessage: 'Download the draft list ',
+      description: 'download link for datasets',
+    },
+    downloadLinkText1: {
+      id: 'mapwrapper.download1.link',
+      defaultMessage: `of communities of focus and datasets used. Last updated: ${constants.DOWNLOAD_LAST_UPDATED}`,
       description: 'download link for datasets',
     },
     downloadContents: {
       id: 'mapwrapper.download.contents',
-      defaultMessage: 'ZIP file will contain one .xlsx, one .csv, and one .pdf (30 MB).',
+      defaultMessage: `ZIP file will contain one .xlsx, one .csv, and one .pdf (${constants.DOWNLOAD_FILE_SIZE}).`,
       description: 'download link contents',
     },
   });
@@ -40,11 +45,14 @@ const MapWrapper = ({location}: IMapWrapperProps) => {
       </Grid>
 
       <Grid row>
-        <Grid col={6}>
+        <Grid col={7}>
           <div className={styles.mapCaptionTextLink}>
             <a href={constants.DOWNLOAD_ZIP_URL}>
               {intl.formatMessage(messages.downloadLinkText)}
             </a>
+            <span>
+              {intl.formatMessage(messages.downloadLinkText1)}
+            </span>
           </div>
           <div>{intl.formatMessage(messages.downloadContents)}</div>
         </Grid>