fix: wire Providers motion context and Template page transitions

app/posts/page.tsx

@@ -1,5 +1,6 @@
 import { getPosts } from '@/lib/posts'
 import { PostCard } from '@/components/blog/PostCard'
+import Template from '../template'
 
 export const metadata = { title: 'Posts' }
 
@@ -7,6 +8,7 @@ export default async function PostsPage() {
   const posts = await getPosts()
 
   return (
+    <Template>
     <main className="max-w-4xl mx-auto px-6 py-16">
       <h1 className="font-sans text-4xl font-extrabold tracking-tight lg:text-5xl mt-0 mb-12 text-ink">
         Posts
@@ -20,5 +22,6 @@ export default async function PostsPage() {
         )}
       </div>
     </main>
+    </Template>
   )
 }