From 1e03ca57b94bd74b039c56a28e0cb673598b1fe0 Mon Sep 17 00:00:00 2001
From: SrJuggernaut <jugger@srjuggernaut.dev>
Date: Mon, 23 Mar 2026 11:58:04 -0600
Subject: [PATCH] refactor: move Header and Footer to root layout

---
 src/components/layout/FullWidth.tsx | 10 +---------
 src/routes/__root.tsx               |  4 ++++
 2 files changed, 5 insertions(+), 9 deletions(-)
diff --git a/src/components/layout/FullWidth.tsx b/src/components/layout/FullWidth.tsx
index 9b193fc..312dc4c 100644
--- a/src/components/layout/FullWidth.tsx
+++ b/src/components/layout/FullWidth.tsx
@@ -1,7 +1,5 @@
 import { css, cx } from '@styled-system/css'
 import type { FC, ReactNode } from 'react'
-import Footer from '@/components/layout/fragments/Footer'
-import Header from '@/components/layout/fragments/Header'
 
 export interface FullWidthProps {
   className?: string
@@ -9,13 +7,7 @@ export interface FullWidthProps {
 }
 
 const FullWidth: FC<FullWidthProps> = ({ className, children }) => {
-  return (
-    <>
-      <Header />
-      <main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
-      <Footer />
-    </>
-  )
+  return <main className={cx(css({ flexGrow: 1 }), className)}>{children}</main>
 }
 
 export default FullWidth
diff --git a/src/routes/__root.tsx b/src/routes/__root.tsx
index b63a4e2..fb03804 100644
--- a/src/routes/__root.tsx
+++ b/src/routes/__root.tsx
@@ -11,6 +11,8 @@ import {
   Scripts
 } from '@tanstack/react-router'
 import type { ReactNode } from 'react'
+import Footer from '@/components/layout/fragments/Footer'
+import Header from '@/components/layout/fragments/Header'
 import GLOBAL_CSS from '@/styles/global.css?url'
 
 config.autoAddCss = false
@@ -97,7 +99,9 @@ function RootDocument({ children }: Readonly<{ children: ReactNode }>) {
         <HeadContent />
       </head>
       <body>
+        <Header />
         {children}
+        <Footer />
         <Scripts />
       </body>
     </html>
