feat(layout): wrap main around content

quartz/components/Body.tsx

@@ -4,7 +4,7 @@ import clipboardStyle from "./styles/clipboard.scss"
 import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types"
 
 const Body: QuartzComponent = ({ children }: QuartzComponentProps) => {
-  return <main id="quartz-body">{children}</main>
+  return <div id="quartz-body">{children}</div>
 }
 
 Body.afterDOMLoaded = clipboardScript

quartz/components/renderPage.tsx

@@ -238,7 +238,9 @@ export function renderPage(
                   ))}
                 </div>
               </div>
+              <main>
                 <Content {...componentData} />
+              </main>
               <hr />
               <div class="page-footer">
                 {afterBody.map((BodyComponent) => (