adding all pagees and all sort of working now

packages/web/components/Layouts/DynamicMeLayout.tsx

@@ -0,0 +1,21 @@
+import Header from "../v2/Header";
+import Sidebar from "../v2/Sidebar";
+import React from "react";
+
+export default function getDynamicMeLayout(page: React.ReactElement) {
+  console.log("rendering layout");
+
+  return (
+    <div className="flex flex-col">
+      <Header />
+
+      <div className="flex-1 flex flex-row items-baseline">
+        <Sidebar />
+
+        <div className="flex flex-col px-20 items-baseline flex-1 container mx-auto">
+          {page}
+        </div>
+      </div>
+    </div>
+  );
+}

packages/web/components/Layouts/SiteLayout.js

@@ -1,5 +1,4 @@
-
-import Head from "next/head"
+import Head from "next/head";
 
 export default function SiteLayout({ children }) {
   return (
@@ -24,12 +23,13 @@ export default function SiteLayout({ children }) {
           href="https://fonts.googleapis.com/css2?family=Baloo+Bhaijaan+2&display=swap"
           rel="stylesheet"
         />
-        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
+        <link
+          rel="stylesheet"
+          href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
+        />
       </Head>
 
-      <main>
-        {children}
-      </main>
+      <main>{children}</main>
     </>
-  )
-}
+  );
+}