add changelog page

site/app/changelog/page.tsx

@@ -0,0 +1,27 @@
+import { MDXComponents } from 'mdxts/components'
+
+import Changelog from '../../../packages/mdxts/CHANGELOG.md'
+
+export default function Page() {
+  return (
+    <div
+      className="prose"
+      style={{
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '1.6rem',
+      }}
+    >
+      <h1>Changelog</h1>
+      <Changelog
+        renderTitle={false}
+        components={{
+          pre: (props) => (
+            // @ts-expect-error
+            <MDXComponents.pre allowErrors {...props} />
+          ),
+        }}
+      />
+    </div>
+  )
+}

site/app/layout.css

@@ -156,6 +156,10 @@ button {
   text-wrap: pretty;
 }
 
+.prose li :where(h1, h2, h3) {
+  margin: 1rem 0;
+}
+
 main {
   padding: 2rem;
 }