Add new blog posts and update existing content

- Created "My 2023 Coding Edition" post detailing projects and experiences in Rust and game development.
- Added "My 2024 and 2025 roadmap" outlining goals and projects for the upcoming years.
- Introduced "Python Tutorial - Introduction" and "Python - Variables" posts to teach Python programming basics.
- Published "ROADMAP for 2023" to outline initial goals for the year.
- Added "My Rust little adventure" post summarizing various Rust projects undertaken.
- Released "Spanish Inquisition - 3.0.1 UPDATE" detailing the latest game update and features.
- Added multiple background images in AVIF format for website use.
- Removed unused SVG files to clean up the public directory.

app/posts/[slug]/page.tsx

@@ -0,0 +1,62 @@
+import Link from "next/link";
+import { getPostData, getAllPostIds } from "@/lib/posts";
+import type { PostData } from "@/lib/posts";
+import Window from "../../../components/window";
+import { MDXRemote } from "next-mdx-remote/rsc";
+
+interface PageProps {
+  params: {
+    slug: string;
+  };
+}
+
+// This function tells Next.js which blog posts exist at build time
+export async function generateStaticParams() {
+  const paths = getAllPostIds();
+  return paths.map((path) => ({ slug: path.params.slug }));
+}
+
+// Generates metadata (like the title tag) for each blog post page
+export async function generateMetadata({ params }: PageProps) {
+  const postData = await getPostData(params.slug);
+  return {
+    title: `${postData.title} | Gabriel's Kaszewski Blog`,
+  };
+}
+
+export default async function Post({ params }: PageProps) {
+  // Fetch the specific post's content based on the URL slug
+  const postData: PostData = await getPostData(params.slug);
+
+  return (
+    <div className="mx-auto max-w-4xl">
+      <Window title={postData.title}>
+        <article>
+          <div className="mb-4 text-gray-500 flex flex-col gap-1">
+            <span>
+              {new Date(postData.date).toLocaleDateString("en-US", {
+                year: "numeric",
+                month: "long",
+                day: "numeric",
+              })}
+            </span>
+            <span className="text-sm text-gray-400">
+              {postData.readingTime}
+            </span>
+          </div>
+          <div className="prose lg:prose-xl max-w-none">
+            <MDXRemote source={postData.content} />
+          </div>
+        </article>
+      </Window>
+      <div className="mt-8 text-center">
+        <Link
+          href="/"
+          className="inline-block rounded-full bg-white/80 px-6 py-2 font-semibold text-blue-700 shadow-md transition-all hover:bg-white"
+        >
+          ← Back to home
+        </Link>
+      </div>
+    </div>
+  );
+}