feat: integrate GitHub last edit functionality and enhance page rende…

…ring options

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

@@ -1,6 +1,7 @@
 /* * */
 
 import { openapi, source } from '@/lib/source';
+import { getGithubLastEdit } from 'fumadocs-core/server';
 import { createTypeTable } from 'fumadocs-typescript/ui';
 import defaultMdxComponents from 'fumadocs-ui/mdx';
 import { DocsBody, DocsDescription, DocsPage, DocsTitle } from 'fumadocs-ui/page';
@@ -28,16 +29,50 @@ export async function generateStaticParams() {
 /* * */
 
 export default async function Page(props: { params: Promise<{ slug?: string[] }> }) {
+	//
+
+	//
+	// A. Setup variables
+
 	const params = await props.params;
+
 	const page = source.getPage(params.slug);
 	if (!page) notFound();
 
+	const { AutoTypeTable } = createTypeTable();
+
+	//
+	// B. Setup options
+
+	const editOnGithubOptions = {
+		owner: 'carrismetropolitana',
+		path: `content/${page.file.path}`,
+		repo: 'docs',
+		sha: 'production',
+	};
+
+	const lastUpdateOptions = await getGithubLastEdit({
+		owner: 'carrismetropolitana',
+		path: `content/${page.file.path}`,
+		repo: 'docs',
+	});
+
 	const MDX = page.data.body;
 
-	const { AutoTypeTable } = createTypeTable();
+	//
+	// C. Render components
 
 	return (
-		<DocsPage full={page.data.full} toc={page.data.toc}>
+		<DocsPage
+			editOnGithub={editOnGithubOptions}
+			lastUpdate={new Date(lastUpdateOptions ?? 0)}
+			toc={page.data.toc}
+			tableOfContent={{
+				enabled: true,
+				style: 'clerk',
+			}}
+			full
+		>
 			<DocsTitle>{page.data.title}</DocsTitle>
 			<DocsDescription>{page.data.description}</DocsDescription>
 			<DocsBody>