fix: wire Providers motion context and Template page transitions

app/layout.tsx

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