wip: add layout component and wrap the app

src/components/layout.tsx

@@ -0,0 +1,14 @@
+import { Outlet } from "react-router-dom";
+
+export function Layout() {
+  return (
+    <div>
+      <header>
+        <h1>Header</h1>
+      </header>
+      <main>
+        <Outlet />
+      </main>
+    </div>
+  );
+}

src/router.tsx

@@ -3,8 +3,12 @@ import { Home } from "./pages/home";
 import { Podcast } from "./pages/podcast";
 import { Episode } from "./pages/episode";
 import { PodcastEpisodesList } from "./components/podcast-episodes-list";
+import { Layout } from "./components/layout";
 
 const router = createBrowserRouter([
+  {
+    element: <Layout />,
+    children: [
       {
         path: "/",
         element: <Home />,
@@ -23,6 +27,8 @@ const router = createBrowserRouter([
           },
         ],
       },
+    ],
+  },
 ]);
 
 export function Router() {