refactor(website): extract layouts and use more server components (#9027)

Closes https://github.com/discordjs/discord.js/issues/8920
Closes https://github.com/discordjs/discord.js/issues/8997

apps/website/src/components/InheritanceText.tsx

@@ -1,18 +1,17 @@
-'use client';
+import type { ApiDeclaredItem } from '@microsoft/api-extractor-model';
+import { ItemLink } from './ItemLink';
+import { resolveItemURI } from './documentation/util';
 
-import type { InheritanceData } from '@discordjs/api-extractor-utils';
-import Link from 'next/link';
-
-export function InheritanceText({ data }: { data: InheritanceData }) {
+export function InheritanceText({ parent }: { parent: ApiDeclaredItem }) {
 	return (
 		<span className="font-semibold">
 			Inherited from{' '}
-			<Link
+			<ItemLink
 				className="text-blurple focus:ring-width-2 focus:ring-blurple rounded font-mono outline-0 focus:ring"
-				href={data.path}
+				itemURI={resolveItemURI(parent)}
 			>
-				{data.parentName}
-			</Link>
+				{parent.displayName}
+			</ItemLink>
 		</span>
 	);
 }