Add language links to switch between English and Spanish (#842)

* Add language links to gov banner

- align banners to site logo
- create Language component and snapshot test
- add Language component to GovBanner
- update namespace for betaBanner scss.d.ts file

* Update snapshots for each page

* Componentizes the GovBanner

- add styles
- add unit test
- token most styles to USWDS

* Add language icon and update snapshots

* Make language link text smaller

* Update total height of BetaBanner

* Add languageLink to scss.d.ts file

* Add language links to mobile

- add isDesktop prop to Language component
- refactors header links to a simple array
- update snapshots

* Add href value to language links

- update snapshots

* merge other PRs and add spanish links

- merge PR 817
- merge PR 794
- add spanish links for footer
- add diffEnEs.js to detect differences between two json files
- adds esNoBrackets.json
- update intl README

* Add government banner in spanish

* Add spanish content for About and Explore page

client/src/data/copy/common.tsx

@@ -67,20 +67,30 @@ export const FOOTER = defineMessages({
     description: 'Footer column header',
   },
   WHITEHOUSE: {
-    id: 'footer.whitehouselink',
+    id: 'footer.whitehouse.text',
     defaultMessage: 'Whitehouse.gov',
     description: 'Footer Whitehouse.gov link text',
   },
+  WHITEHOUSE_LINK: {
+    id: 'footer.whitehouse.link',
+    defaultMessage: 'https://www.whitehouse.gov/',
+    description: 'Footer Whitehouse.gov link text',
+  },
   FOIA: {
-    id: 'footer.foialink',
+    id: 'footer.foia.text',
     defaultMessage: 'Freedom of Information Act (FOIA)',
     description: 'Footer FOIA link text',
   },
   PRIVACY: {
-    id: 'footer.privacylink',
+    id: 'footer.privacy.text',
     defaultMessage: 'Privacy Policy',
     description: 'Footer privacy policy link text',
   },
+  PRIVACY_LINK: {
+    id: 'footer.privacy.link',
+    defaultMessage: 'https://www.whitehouse.gov/privacy/',
+    description: 'Footer privacy policy link text',
+  },
   LOGO_ALT: {
     id: 'footer.whitehouselogoalt',
     defaultMessage: 'Whitehouse logo',
@@ -91,11 +101,16 @@ export const FOOTER = defineMessages({
     defaultMessage: 'Have a question about government services?',
     description: 'Footer column header',
   },
-  CONTACT_LINK: {
-    id: 'footer.findcontactlink',
+  FIND_CONTACT: {
+    id: 'footer.findcontact',
     defaultMessage: 'Find a contact at USA.gov',
     description: 'Footer find contact link text',
   },
+  FIND_CONTACT_LINK: {
+    id: 'footer.findcontact.link',
+    defaultMessage: 'https://www.usa.gov/',
+    description: 'Footer find contact link text',
+  },
   CONTACT: {
     id: 'footer.contactheader',
     defaultMessage: 'Contact',