More tweaks from today's meeting (#87)

Just playing with layout.
- Inverted header
- updated snapshot
- adjusted column widths
- Update J40Footer.spec.tsx.snap

client/src/components/J40Header.tsx

@@ -1,30 +1,34 @@
 import React from 'react';
 import {GovBanner, Header, Title, PrimaryNav} from '@trussworks/react-uswds';
-import {useIntl, Link} from 'gatsby-plugin-intl';
+import {useIntl} from 'gatsby-plugin-intl';
 import {Helmet} from 'react-helmet';
 
 const headerLinks = [
-  <Link to="/" key="/">Home</Link>,
+  <></>,
 ];
 
 const J40Header = () => {
   const intl = useIntl();
-  const title = intl.formatMessage({id: '71L0pp',
+  const title = intl.formatMessage({
+    id: '71L0pp',
     defaultMessage: 'Justice40',
-    description: 'Title of the project'});
+    description: 'Title of the project',
+  });
   return (
     <>
       <Helmet>
-        <meta charSet="utf-8" />
+        <meta charSet="utf-8"/>
         <title>{title}</title>
       </Helmet>
 
-      <GovBanner />
-      <Header>
-        <Title className={'usa-hero__heading j40-title'}>
-          {title}
-        </Title>
-        <PrimaryNav items={headerLinks}/>
+      <GovBanner/>
+      <Header className={'j40-header'} basic={true} role={'banner'}>
+        <div className="usa-nav-container">
+          <div className="usa-navbar">
+            <Title className={'j40-title'}>{title}</Title>
+          </div>
+          <PrimaryNav items={headerLinks}/>
+        </div>
       </Header>
     </>
   );