apps/website/src/app/docs/layout.tsx

import type { ReactNode } from "react";
import { Suspense } from "react";
import { DocsChatProvider } from "@/components/docs/docs-chat-provider";

export const metadata = {
  title: "Documentation",
  description: "Learn how to use Midday to run your business finances",
};

export default function DocsLayout({ children }: { children: ReactNode }) {
  return (
    <Suspense fallback={children}>
      <DocsChatProvider>{children}</DocsChatProvider>
    </Suspense>
  );
}