add comments

new-docs/layout.tsx

@@ -1,5 +1,10 @@
 import { ReactElement, ReactNode } from "react";
 
+/**
+ * Moai components require className "light" for styling so we create a custom
+ * layout that wrap outside all documents with className "light"
+ * https://vocs.dev/docs/structure#layout-component
+ */
 export default function Layout(props: { children: ReactNode }): ReactElement {
 	return <div className="light">{props.children}</div>;
 }