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

@@ -35,7 +35,7 @@ const HowYouCanHelp = () => {
     },
     youCanHelpDataMethSuffixText: {
       id: 'youCanHelpDataMethSuffixText.link.suffix.text',
-      defaultMessage: 'and send us feedback',
+      defaultMessage: 'page and send us feedback.',
       description: 'send us feedbackv via email',
     },
     youCanHelpSharingPrefixText: {
@@ -62,8 +62,7 @@ const HowYouCanHelp = () => {
             {` `}
             <a href={'mailto:screeningtool.feedback@usds.gov'}>
               {intl.formatMessage(messages.youCanHelpInfoLinkText)}
-            </a>
-            {` `}.
+            </a>.
           </div>
         </li>
         <li className={styles.howYouCanHelpList}>
@@ -83,8 +82,7 @@ const HowYouCanHelp = () => {
             {` `}
             <a href={'mailto:screeningtool.feedback@usds.gov'}>
               {intl.formatMessage(messages.youCanHelpSharingLinkText)}
-            </a>
-            {` `}.
+            </a>.
           </div>
         </li>
       </ul>

client/src/components/HowYouCanHelp/tests/__snapshots__/howYouCanHelp.test.tsx.snap

@@ -15,7 +15,7 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
           >
             recieve an email from you
           </a>
-           .
+          .
         </div>
       </li>
       <li>
@@ -26,7 +26,7 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
           >
             Data and methodology
           </a>
-           and send us feedback
+           page and send us feedback.
         </div>
       </li>
       <li>
@@ -37,7 +37,7 @@ exports[`rendering of the HowYouCanHelp checks if various text fields are visibl
           >
             share your feedback
           </a>
-           .
+          .
         </div>
       </li>
     </ul>