Basic Layout (#80)

* Basic Layout

 - Merge with main into new branch
 - Most of main content and footer working.
 - Could not get fixed branch of trussworks to `npm install` correctly, so reverted back to public version. (`trussworks/react-uswds#kh-serverside-rendering-fix-1250"`)

TODO:
 - stack sgv warning+cloud icons
 - get timeline image (which as text that needs to scale)
 - localization support
 - move icon includes out of header?
 - start converting elements over to trussworks

* Cleanup

- removed unused styles
- added some better comments

* Revert trussworks to fixed branch
* Update package-lock.json
* Temporarily pointing toward personal fork until SSR issue has been addressed
* Update J40Footer.spec.tsx.snap
* setting jestEnvironment to the proper 'jsdom' value, needed for snapshot tests
* lingering prettier fix
* small version bump

Co-authored-by: Nat Hillard <Nathaniel.K.Hillard@omb.eop.gov>

client/src/components/J40Footer.tsx

@@ -1,15 +1,66 @@
 import React from 'react';
-import {Footer} from '@trussworks/react-uswds';
-import {Link} from 'gatsby-plugin-intl';
-
-const footerLinks = [
-  <Link to="/" key="/">Home</Link>,
-];
+import {Footer, Logo, FooterNav, Address} from '@trussworks/react-uswds';
+// @ts-ignore
+import whitehouseIcon from '../images/eop-seal.svg';
 
 const J40Footer = () => {
   return (
     <>
-      <Footer primary={[]} secondary={footerLinks} />
+      <Footer
+        size="big"
+        primary={<></>}
+        secondary={<FooterNav
+          aria-label="Footer navigation"
+          size="big" // fyi you leave this off and it silently fails... lovely
+          className={'nobreak'}
+          links={[
+            [
+              'Agency Partners',
+              <a href="https://www.epa.gov/" target="_blank" rel="noreferrer"
+                key={'epalink'}>Environmental Protection Agency</a>,
+              <a href="https://www.whitehouse.gov/omb" target="_blank"
+                rel="noreferrer" key={'whitehouselink'}>Office of Management
+                and Budget</a>,
+              <a href="https://www.energy.gov/" target="_blank" rel="noreferrer"
+                key={'energylink'}>Department of Energy</a>,
+              <a href="https://www.hud.gov/" target="_blank" rel="noreferrer"
+                key={'hudlink'}>Department of Housing and Urban
+                Development</a>,
+            ],
+            [
+              'More Information',
+              <a href="https://www.whitehouse.gov/" target="_blank"
+                rel="noreferrer"
+                key={'whitehouselink2'}>Whitehouse.gov</a>,
+              <a href="#" key={'accessibilitylink'}>Accessibility Statement</a>,
+              <a href="#" key={'privacylink'}>Privacy, Policies, and Legal
+                Information</a>,
+            ],
+            // eslint-disable-next-line react/jsx-key
+            [<br/>,
+              <Logo
+                size="medium"
+                key={'logoimg'}
+                image={
+                  <img className={'usa-footer__logo-img'} src={whitehouseIcon}
+                    alt="Whitehouse logo"/>
+                }
+              />,
+            ],
+            [
+              <>Council on Environmental Quality<br/></>,
+              <Address className={'footerAddressReadability'}
+                key={'footeraddress'}
+                items={[
+                  '730 Jackson Pl NW',
+                  'Washington, D.C. 20506',
+                  '(202) 395-5750',
+                ]}
+              />,
+            ],
+          ]}
+        />}
+      />
     </>
   );
 };