feat: seperate landing layouts

apps/landing/src/app/(public)/layout.tsx

@@ -0,0 +1,12 @@
+import Footer from './_components/footer';
+import { Header } from './_components/header';
+
+export default function Layout({ children }: { children: React.ReactNode }) {
+  return (
+    <div className="flex min-h-screen flex-col">
+      <Header />
+      <main className="flex-1">{children}</main>
+      <Footer />
+    </div>
+  );
+}

apps/landing/src/app/layout.tsx

@@ -1,9 +1,7 @@
 import '@/styles/globals.css';
 import { type Metadata } from 'next';
 import { Inter } from 'next/font/google';
-import Footer from './_components/footer';
+import { ThemeProvider } from './(public)/_components/theme-provider';
-import { Header } from './_components/header';
-import { ThemeProvider } from './_components/theme-provider';
 
 const inter = Inter({ subsets: ['latin'] });
 
@@ -26,11 +24,7 @@ export default function RootLayout({
           enableSystem
           disableTransitionOnChange
         >
-          <div className="flex min-h-screen flex-col">
+          {children}
-            <Header />
-            <main className="flex-1">{children}</main>
-            <Footer />
-          </div>
         </ThemeProvider>
       </body>
     </html>