[dyad] Adding multi-language support - wrote 15 file(s), deleted 5 file(s), added next-intl package(s)

src/app/[locale]/changelog/page.tsx

@@ -0,0 +1,24 @@
+import { Changelog } from "@/components/changelog";
+import Link from "next/link";
+import { Button } from "@/components/ui/button";
+import { ArrowLeft } from "lucide-react";
+import { useTranslations } from "next-intl";
+
+export default function ChangelogPage() {
+  const t = useTranslations("ChangelogPage");
+  return (
+    <div className="relative flex flex-col items-center min-h-screen p-4 sm:p-8 bg-gray-50 dark:bg-background font-[family-name:var(--font-geist-sans)]">
+      <div className="w-full max-w-4xl mx-auto">
+        <Button asChild variant="ghost" className="mb-4 -ml-4">
+          <Link href="/">
+            <ArrowLeft className="mr-2 h-4 w-4" />
+            {t("back")}
+          </Link>
+        </Button>
+      </div>
+      <main className="w-full">
+        <Changelog />
+      </main>
+    </div>
+  );
+}