feat(website): render syntax and mdx on the server (#9086)

apps/website/src/components/documentation/HierarchyText.tsx

@@ -42,8 +42,8 @@ export function HierarchyText({ item, type }: { item: ApiClass | ApiInterface; t
 		<div className="flex flex-row place-items-center gap-4">
 			<h3 className="text-xl font-bold">{type}</h3>
 			<span className="space-y-2 break-all font-mono">
-				{excerpts.map((excerpt, index) => (
-					<ExcerptText excerpt={excerpt} key={index} model={model} />
+				{excerpts.map((excerpt, idx) => (
+					<ExcerptText excerpt={excerpt} key={idx} model={model} />
 				))}
 			</span>
 		</div>

apps/website/src/components/documentation/MemberContainerDocumentation.tsx

@@ -11,15 +11,13 @@ import { hasProperties, hasMethods, serializeMembers } from './util';
 
 export function MemberContainerDocumentation({
 	item,
-	version,
 	subheading,
 }: {
 	item: ApiDeclaredItem & ApiItemContainerMixin & ApiTypeParameterListMixin;
 	subheading?: ReactNode;
-	version: string;
 }) {
 	return (
-		<Documentation item={item}>
+		<Documentation>
 			{subheading}
 			<SyntaxHighlighter code={item.excerpt.text} />
 			<SummarySection item={item} />

apps/website/src/components/documentation/tsdoc/TSDoc.tsx

@@ -74,7 +74,7 @@ export function TSDoc({ item, tsdoc }: { item: ApiItem; tsdoc: DocNode }): JSX.E
 
 				case DocNodeKind.FencedCode: {
 					const { language, code } = tsdoc as DocFencedCode;
-					return <SyntaxHighlighter code={code} key={idx} language={language} />;
+					return <SyntaxHighlighter code={code} key={idx} lang={language ?? 'typescript'} />;
 				}
 
 				case DocNodeKind.Comment: {