fix: wire Providers motion context and Template page transitions

app/page.tsx

@@ -1,10 +1,12 @@
 import { getPosts } from '@/lib/posts'
 import { PostList } from '@/components/blog/PostList'
+import Template from './template'
 
 export default async function HomePage() {
   const posts = await getPosts()
 
   return (
+    <Template>
     <main className="max-w-4xl mx-auto px-6 py-16">
       <header className="mb-20 text-center">
         <h1 className="font-sans text-5xl font-extrabold tracking-tight text-ink mb-4">
@@ -21,5 +23,6 @@ export default async function HomePage() {
         <PostList posts={posts} />
       </section>
     </main>
+    </Template>
   )
 }