Revert adding motion to blog pages

This reverts commit d276528.

Author: EightBitByte

package.json

@@ -21,7 +21,6 @@
     "clsx": "^2.1.1",
     "gray-matter": "^4.0.3",
     "lucide-react": "^0.523.0",
-    "motion": "^12.23.12",
     "next": "15.3.4",
     "next-mdx-remote": "^5.0.0",
     "next-themes": "^0.4.6",

pnpm-lock.yaml

@@ -9,7 +9,6 @@ import { getMDXComponents } from "@/mdx-components";
 import { posts } from "@/utils/posts";
 import rehypeSlug from "rehype-slug";
 import BlogPostTracker from "@/components/blog-post-tracker";
-import Transition from "@/components/ui/transition";
 
 type PageProps = {
   params: Promise<{
@@ -35,26 +34,24 @@ export default async function Page({ params }: {
   return (
     <main className="md:max-w-3xl w-full px-8 m-auto">
       <BlogPostTracker postId={idx}/>
-      <Transition>
-        <h1
-          className={`${post.title.length <= 20 ? "text-4xl" : "text-3xl"} font-bold text-foreground`}
-        >
-          {post.title}
-        </h1>
-        <h2 className="text-xl mb-2 text-foreground/60">
-          {post.date} • {post.author}
-        </h2>
-        <MDXRemote
-          source={post.content}
-          components={components}
-          options={{
-            mdxOptions: {
-              remarkPlugins: [remarkGfm],
-              rehypePlugins: [rehypeUnwrapImages, rehypeSlug],
-            },
-          }}
-        />
-      </Transition>
+      <h1
+        className={`${post.title.length <= 20 ? "text-4xl" : "text-3xl"} font-bold text-foreground`}
+      >
+        {post.title}
+      </h1>
+      <h2 className="text-xl mb-2 text-foreground/60">
+        {post.date} • {post.author}
+      </h2>
+      <MDXRemote
+        source={post.content}
+        components={components}
+        options={{
+          mdxOptions: {
+            remarkPlugins: [remarkGfm],
+            rehypePlugins: [rehypeUnwrapImages, rehypeSlug],
+          },
+        }}
+      />
       {(prev || next) && (
         <BlogFooter prevSlug={prev?.slug} nextSlug={next?.slug} />
       )}

src/app/blog/posts/[slug]/page.tsx

@@ -9,7 +9,6 @@ import AchievementsProvider from "@/components/achievements-provider";
 import { posts } from "@/utils/posts";
 import { ToasterProvider } from "@/components/toaster-provider";
 import ShopProvider from "@/components/shop-provider";
-import Transition from "@/components/ui/transition";
 
 const karlaSans = Karla({
   variable: "--font-karla",