feat(WEB-128): desktop and mobile initial wireframe implemented

app/[lang]/(live)/(protected)/my-pages/layout.tsx

@@ -0,0 +1,23 @@
+import { firaSans } from "@/app/[lang]/(live)/fonts"
+
+import Header from "@/components/MyPages/Header"
+import Sidebar from "@/components/MyPages/Sidebar"
+
+import styles from "./layout.module.css"
+
+import type { LangParams, LayoutArgs } from "@/types/params"
+
+export default function MyPagesLayout({
+  children,
+  params,
+}: React.PropsWithChildren<LayoutArgs<LangParams>>) {
+  return (
+    <section className={`${firaSans.variable} ${styles.page}`}>
+      <Header lang={params.lang} />
+      <section className={styles.content}>
+        <Sidebar />
+        <main>{children}</main>
+      </section>
+    </section>
+  )
+}