feat: reintroduce outline navigation

apps/website/src/app/docs/packages/[package]/[version]/[item]/page.tsx

@@ -166,7 +166,7 @@ export default async function Page({ params }: { params: ItemRouteParams }) {
 	}
 
 	return (
-		<div className="relative top-6">
+		<div className="relative">
 			<Member member={member} />
 		</div>
 	);

apps/website/src/app/docs/packages/[package]/[version]/layout.tsx

@@ -2,10 +2,11 @@ import type { ApiFunction, ApiItem } from '@discordjs/api-extractor-model';
 import { ApiModel } from '@discordjs/api-extractor-model';
 import dynamic from 'next/dynamic';
 import { notFound } from 'next/navigation';
-import { cache, type PropsWithChildren } from 'react';
+import type { PropsWithChildren } from 'react';
 import { fetchModelJSON, fetchVersions } from '~/app/docAPI';
 import { CmdKDialog } from '~/components/CmdK';
 import { Nav } from '~/components/Nav';
+import { Outline } from '~/components/Outline';
 import type { SidebarSectionItemData } from '~/components/Sidebar';
 import { resolveItemURI } from '~/components/documentation/util';
 import { addPackageToModel } from '~/util/addPackageToModel';
@@ -36,14 +37,14 @@ export const generateStaticParams = async () => {
 	return params;
 };
 
-const serializeIntoSidebarItemData = cache((item: ApiItem) => {
+const serializeIntoSidebarItemData = (item: ApiItem) => {
 	return {
 		kind: item.kind,
 		name: item.displayName,
 		href: resolveItemURI(item),
 		overloadIndex: 'overloadIndex' in item ? (item.overloadIndex as number) : undefined,
 	} as SidebarSectionItemData;
-});
+};
 
 export default async function PackageLayout({ children, params }: PropsWithChildren<{ params: VersionRouteParams }>) {
 	const modelJSON = await fetchModelJSON(params.package, params.version);
@@ -80,15 +81,17 @@ export default async function PackageLayout({ children, params }: PropsWithChild
 		<Providers>
 			<main className="mx-auto max-w-7xl px-4 lg:max-w-full">
 				<Header />
-				<div className="relative top-2.5 mx-auto max-w-7xl gap-6 lg:max-w-full lg:flex">
+				<div className="relative top-6.5 mx-auto max-w-7xl gap-6 lg:max-w-full lg:flex">
 					<div className="lg:sticky lg:top-23 lg:h-[calc(100vh_-_105px)]">
 						<Nav members={members.map((member) => serializeIntoSidebarItemData(member))} versions={versions} />
 					</div>
 
-					<div className="mx-auto max-w-5xl min-w-xs w-full pb-10">
+					<div className="relative top-4.5 mx-auto max-w-5xl min-w-xs w-full pb-10">
 						{children}
 						<Footer />
 					</div>
+
+					<Outline />
 				</div>
 			</main>
 			<CmdKDialog />

apps/website/src/app/docs/packages/[package]/[version]/providers.tsx

@@ -4,13 +4,16 @@ import type { PropsWithChildren } from 'react';
 import { CmdKProvider } from '~/contexts/cmdK';
 import { MemberProvider } from '~/contexts/member';
 import { NavProvider } from '~/contexts/nav';
+import { OutlineProvider } from '~/contexts/outline';
 
 export function Providers({ children }: PropsWithChildren) {
 	return (
 		<NavProvider>
-			<MemberProvider>
-				<CmdKProvider>{children}</CmdKProvider>
-			</MemberProvider>
+			<OutlineProvider>
+				<MemberProvider>
+					<CmdKProvider>{children}</CmdKProvider>
+				</MemberProvider>
+			</OutlineProvider>
 		</NavProvider>
 	);
 }