Start using react-zen.

src/app/(main)/layout.tsx

@@ -1,22 +1,8 @@
 import { Metadata } from 'next';
 import App from './App';
-import NavBar from './NavBar';
-import Page from '@/components/layout/Page';
-import styles from './layout.module.css';
 
 export default async function ({ children }) {
-  return (
-    <App>
-      <main className={styles.layout}>
-        <nav className={styles.nav}>
-          <NavBar />
-        </nav>
-        <section className={styles.body}>
-          <Page>{children}</Page>
-        </section>
-      </main>
-    </App>
-  );
+  return <App>{children}</App>;
 }
 
 export const metadata: Metadata = {