[Layout][s]: Move prose div to DataLiterate component

examples/data-literate/components/DataLiterate.js

@@ -31,7 +31,9 @@ export default function DataLiterate({ children }) {
     <Layout>
       <main>
         <MDXProvider components={components}>
-          <Component {...pageProps} />
+          <div className="prose mx-auto">
+            <Component {...pageProps} />
+          </div>
         </MDXProvider>
       </main>
     </Layout>

examples/data-literate/components/Layout.js

@@ -11,9 +11,7 @@ export default function Layout({ children, title = 'Home' }) {
         <meta name="viewport" content="initial-scale=1.0, width=device-width" />
       </Head>
       <div className="mx-auto p-6">
-        <div className="prose mx-auto">
-          {children}
-        </div>
+        {children}
       </div>
       <footer className="flex items-center justify-center w-full h-24 border-t">
         <a