chore(debug): add layout to bypass

app/[lang]/(live)/(protected)/bypass/layout.module.css

@@ -0,0 +1,28 @@
+.layout {
+  --header-height: 4.5rem;
+
+  background-color: var(--Brand-Coffee-Subtle);
+  display: grid;
+  font-family: var(--ff-fira-sans);
+  grid-template-rows: var(--header-height) auto 1fr;
+  min-height: 100dvh;
+}
+
+.content {
+  display: grid;
+  padding-bottom: 7.7rem;
+  padding-left: 0;
+  padding-right: 0;
+  position: relative;
+}
+
+@media screen and (min-width: 950px) {
+  .content {
+    gap: 10rem;
+    grid-template-columns: 25rem 1fr;
+    padding-bottom: 17.5rem;
+    padding-left: 2.4rem;
+    padding-right: 2.4rem;
+    padding-top: 5.8rem;
+  }
+}

app/[lang]/(live)/(protected)/bypass/layout.tsx

@@ -0,0 +1,26 @@
+import { firaMono, 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 { MyPagesLayoutProps } from "@/types/components/myPages/layout"
+
+export default async function MyPagesLayout({
+  breadcrumbs,
+  children,
+  params,
+}: React.PropsWithChildren<MyPagesLayoutProps>) {
+  return (
+    <div
+      className={`${firaMono.variable} ${firaSans.variable} ${styles.layout}`}
+    >
+      <Header lang={params.lang} />
+      {breadcrumbs}
+      <div className={styles.content}>
+        <Sidebar lang={params.lang} />
+        {children}
+      </div>
+    </div>
+  )
+}