refactor: replace per-page routes with a single dynamic /pages/[slug] route

Agent-Logs-Url: https://github.com/techdiary-dev/techdiary.dev/sessions/a855d7fb-9660-4b2e-81eb-1c10ef835fc7

Co-authored-by: kingRayhan <7611746+kingRayhan@users.noreply.github.com>

Author: Copilot

src/app/pages/[slug]/page.tsx

@@ -0,0 +1,47 @@
+import BaseLayout from "@/components/layout/BaseLayout";
+import Markdown from "@/lib/markdown/Markdown";
+import { existsSync, readFileSync } from "fs";
+import { join } from "path";
+import { Metadata } from "next";
+import { notFound } from "next/navigation";
+
+interface Props {
+  params: Promise<{ slug: string }>;
+}
+
+const PAGE_TITLES: Record<string, string> = {
+  privacy: "Privacy Policy",
+  "terms-and-conditions": "Terms and Conditions",
+};
+
+async function getPageContent(slug: string): Promise<string | null> {
+  "use cache";
+  const filePath = join(process.cwd(), "src/content", `${slug}.md`);
+  if (!existsSync(filePath)) return null;
+  return readFileSync(filePath, "utf-8");
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { slug } = await params;
+  const title = PAGE_TITLES[slug] ?? slug;
+  return { title };
+}
+
+const StaticMarkdownPage = async ({ params }: Props) => {
+  const { slug } = await params;
+  const content = await getPageContent(slug);
+
+  if (!content) notFound();
+
+  return (
+    <BaseLayout>
+      <div className="max-w-3xl mx-auto my-10 px-4">
+        <div className="content-typography">
+          <Markdown content={content} />
+        </div>
+      </div>
+    </BaseLayout>
+  );
+};
+
+export default StaticMarkdownPage;