page.tsx

"use client";

import { useRouter } from "next/navigation";

import Changelog from "@/app/(marketing)/changelog/component";
import { dialogProse } from "@/components/dialog-prose";
import { Dialog, DialogContent } from "@/components/ui/dialog";
import { cn } from "@/lib/utils";

export default function Page() {
  const router = useRouter();
  return (
    <Dialog
      open={true}
      onOpenChange={(next) => {
        if (next === false) {
          router.back();
        }
      }}
    >
      <DialogContent initialFocus={() => null} className={cn(...dialogProse, "max-h-[calc(100vh-100px)] w-157")}>
        <Changelog />
      </DialogContent>
    </Dialog>
  );
}