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/documentation/util.ts

@@ -0,0 +1,53 @@
+import { ApiItemKind } from '@microsoft/api-extractor-model';
+import type {
+	ApiItem,
+	ApiItemContainerMixin,
+	ApiMethod,
+	ApiMethodSignature,
+	ApiProperty,
+	ApiPropertySignature,
+} from '@microsoft/api-extractor-model';
+import type { TableOfContentsSerialized } from '../TableOfContentItems';
+import { resolveMembers } from '~/util/members';
+
+export function hasProperties(item: ApiItemContainerMixin) {
+	return resolveMembers(item, memberPredicate).some(
+		({ item: member }) => member.kind === ApiItemKind.Property || member.kind === ApiItemKind.PropertySignature,
+	);
+}
+
+export function hasMethods(item: ApiItemContainerMixin) {
+	return resolveMembers(item, memberPredicate).some(
+		({ item: member }) => member.kind === ApiItemKind.Method || member.kind === ApiItemKind.MethodSignature,
+	);
+}
+
+export function resolveItemURI(item: ApiItem): string {
+	return `/${item.displayName}:${item.kind}`;
+}
+
+function memberPredicate(item: ApiItem): item is ApiMethod | ApiMethodSignature | ApiProperty | ApiPropertySignature {
+	return (
+		item.kind === ApiItemKind.Property ||
+		item.kind === ApiItemKind.PropertySignature ||
+		item.kind === ApiItemKind.Method ||
+		item.kind === ApiItemKind.MethodSignature
+	);
+}
+
+export function serializeMembers(clazz: ApiItemContainerMixin): TableOfContentsSerialized[] {
+	return resolveMembers(clazz, memberPredicate).map(({ item: member }) => {
+		if (member.kind === 'Method' || member.kind === 'MethodSignature') {
+			return {
+				kind: member.kind as 'Method' | 'MethodSignature',
+				name: member.displayName,
+			};
+		} else {
+			return {
+				kind: member.kind as 'Property' | 'PropertySignature',
+				name: member.displayName,
+				overloadIndex: (member as ApiMethod | ApiMethodSignature).overloadIndex,
+			};
+		}
+	});
+}