chore(web): add banner to docs and fix theme flash

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

@@ -1,3 +1,4 @@
+import { Banner } from "fumadocs-ui/components/banner";
 import { DocsLayout } from "fumadocs-ui/layouts/docs";
 import type { ReactNode } from "react";
 import { baseOptions } from "@/app/layout.config";
@@ -5,8 +6,13 @@ import { source } from "@/lib/source";
 
 export default function Layout({ children }: { children: ReactNode }) {
 	return (
-		<DocsLayout tree={source.pageTree} {...baseOptions}>
-			{children}
-		</DocsLayout>
+		<>
+			<Banner variant="rainbow">
+				⚠️ WORK IN PROGRESS DONT TAKE REFERENCE!!!
+			</Banner>
+			<DocsLayout tree={source.pageTree} {...baseOptions}>
+				{children}
+			</DocsLayout>
+		</>
 	);
 }