extract layout and apply to all pages

components/layout.tsx

@@ -0,0 +1,13 @@
+import React from 'react'
+import Footer from '../components/footer'
+import Header from '../components/header'
+
+export default function Home({ children }: { children: React.ReactNode }) {
+  return (
+    <>
+      <Header />
+      <main className="main">{children}</main>
+      <Footer />
+    </>
+  )
+}