feat: wire header, footer, and scroll effects into layout

app/layout.tsx

@@ -4,7 +4,9 @@ import { ThemeProvider } from '@wrksz/themes/next'
 import { Providers } from './providers'
 import './globals.css'
 import 'katex/dist/katex.min.css'
-import { useMDXComponents } from '@/mdx-components'
+import { Header } from '@/components/layout/Header'
+import { Footer } from '@/components/layout/Footer'
+import { ScrollProgress } from '@/components/ui/ScrollProgress'
 
 const inter = Inter({
   subsets: ['latin'],
@@ -40,7 +42,10 @@ export default function RootLayout({ children }: { children: React.ReactNode })
           enableSystem
           disableTransitionOnChange
         >
-          <Providers>{children}</Providers>
+            <ScrollProgress />
+            <Header />
+            {children}
+            <Footer />
         </ThemeProvider>
       </body>
     </html>