static header and footer were being re-rendered on every route change

pages/notes/[slug].tsx

@@ -2,7 +2,6 @@ import { MDXRemote } from "next-mdx-remote";
 import { serialize } from "next-mdx-remote/serialize";
 import { NextSeo, ArticleJsonLd } from "next-seo";
 import Layout from "../../components/Layout";
-import Container from "../../components/Container";
 import Content from "../../components/Content";
 import Meta from "../../components/notes/Meta";
 import mdxComponents from "../../components/mdxComponents";
@@ -55,14 +54,12 @@ const Note = ({ frontMatter, source }) => (
     />
 
     <Layout>
-      <Container>
-        <Meta {...frontMatter} />
-        <Content>
-          <div className="markdown">
-            <MDXRemote {...source} components={mdxComponents} />
-          </div>
-        </Content>
-      </Container>
+      <Meta {...frontMatter} />
+      <Content>
+        <div className="markdown">
+          <MDXRemote {...source} components={mdxComponents} />
+        </div>
+      </Content>
     </Layout>
   </>
 );

pages/notes/index.tsx

@@ -1,15 +1,12 @@
 import { format } from "date-fns";
 import Layout from "../../components/Layout";
-import Container from "../../components/Container";
 import List from "../../components/notes/List";
 import { getAllNotes } from "../../lib/parse-notes";
 import type { GetStaticProps } from "next";
 
 const Notes = ({ notesByYear }) => (
-  <Layout>
-    <Container title="Notes" description="Recent posts by Jake Jarvis.">
-      <List notesByYear={notesByYear} />
-    </Container>
+  <Layout title="Notes" description="Recent posts by Jake Jarvis.">
+    <List notesByYear={notesByYear} />
   </Layout>
 );