[site/theme][xs]: move prose from Layout onto DataLiterate component as we don't want automatically on all pages.

site/components/DataLiterate.js

@@ -26,6 +26,7 @@ const components = {
 export default function DataLiterate({ children, source, frontMatter }) {
   return (
     <Layout title={frontMatter.title}>
+      <div className="prose mx-auto">
         <header>
           <div className="mb-6">
             <h1>{frontMatter.title}</h1>
@@ -40,6 +41,7 @@ export default function DataLiterate({ children, source, frontMatter }) {
         <main>
           <MDXRemote {...source} components={components} />
         </main>
+      </div>
     </Layout>
   )
 }

site/components/Layout.js

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