create-better-t-stack/apps/web/src/app/docs/layout.tsx

import { Banner } from "fumadocs-ui/components/banner";
import { DocsLayout, type DocsLayoutProps } from "fumadocs-ui/layouts/docs";
import type { ReactNode } from "react";
import { baseOptions, links } from "@/app/layout.config";
import { source } from "@/lib/source";

const docsOptions: DocsLayoutProps = {
	...baseOptions,
	tree: source.pageTree,
	links: links.filter((link) => "text" in link && link.text !== "Docs"),
};

export default function Layout({ children }: { children: ReactNode }) {
	return (
		<>
			<Banner variant="rainbow">
				⚠️ WORK IN PROGRESS DONT TAKE REFERENCE!!!
			</Banner>
			<DocsLayout {...docsOptions}>{children}</DocsLayout>
		</>
	);
}