fix: missing titles

src/app/docs/[directory]/[document]/page.tsx

@@ -17,24 +17,29 @@ export default function Page({
       )}/docs/${params.directory}/${params.document}.md`,
     ).then((response) => response.text()),
   );
+  const title = markdown.split('\n')[0].replaceAll(/[^a-zA-Z0-9 \.&]/g, '');
 
   return (
-    <PageWrapper>
-      <Markdown
-        options={{
-          overrides: {
-            a: { component: Link },
-            table: { component: Table.Root },
-            thead: { component: Table.Header },
-            tbody: { component: Table.Body },
-            tr: { component: Table.Row },
-            th: { component: Table.ColumnHeaderCell },
-            td: { component: Table.Cell },
-          },
-        }}
-      >
-        {markdown}
-      </Markdown>
-    </PageWrapper>
+    <>
+      <title>{title}</title>
+
+      <PageWrapper>
+        <Markdown
+          options={{
+            overrides: {
+              a: { component: Link },
+              table: { component: Table.Root },
+              thead: { component: Table.Header },
+              tbody: { component: Table.Body },
+              tr: { component: Table.Row },
+              th: { component: Table.ColumnHeaderCell },
+              td: { component: Table.Cell },
+            },
+          }}
+        >
+          {markdown}
+        </Markdown>
+      </PageWrapper>
+    </>
   );
 }

src/app/docs/patches/page.tsx

@@ -6,21 +6,24 @@ import PageWrapper from '../../../components/PageWrapper';
 
 export default async function Page() {
   return (
-    <PageWrapper>
-      <Heading>BlitzKit patch notes</Heading>
+    <>
+      <title>BlitzKit - Patch Notes</title>
+      <PageWrapper>
+        <Heading>BlitzKit patch notes</Heading>
 
-      <Flex wrap="wrap" gap="4">
-        {versions
-          .sort(compareVersions)
-          .reverse()
-          .map((version) => {
-            return (
-              <Link key={version} href={`/docs/changelogs/${version}`}>
-                {version}
-              </Link>
-            );
-          })}
-      </Flex>
-    </PageWrapper>
+        <Flex wrap="wrap" gap="4">
+          {versions
+            .sort(compareVersions)
+            .reverse()
+            .map((version) => {
+              return (
+                <Link key={version} href={`/docs/changelogs/${version}`}>
+                  {version}
+                </Link>
+              );
+            })}
+        </Flex>
+      </PageWrapper>{' '}
+    </>
   );
 }