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

pages/_app.tsx

@@ -3,6 +3,8 @@ import { useRouter } from "next/router";
 import { ThemeProvider } from "next-themes";
 import { DefaultSeo, SocialProfileJsonLd } from "next-seo";
 import * as Fathom from "fathom-client";
+import Header from "../components/page-header/Header";
+import Footer from "../components/page-footer/Footer";
 import * as config from "../lib/config";
 import type { AppProps } from "next/app";
 
@@ -182,7 +184,9 @@ const App = ({ Component, pageProps }: AppProps) => {
       />
 
       <ThemeProvider>
+        <Header />
         <Component {...pageProps} />
+        <Footer />
       </ThemeProvider>
     </>
   );