feat: improve structure and error handling

app/[lang]/(live)/(protected)/my-pages/[[...uri]]/layout.module.css

@@ -0,0 +1,18 @@
+.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)/my-pages/[[...uri]]/layout.tsx

@@ -0,0 +1,21 @@
+import Breadcrumbs from "@/components/MyPages/Breadcrumbs"
+import Sidebar from "@/components/MyPages/Sidebar"
+
+import styles from "./layout.module.css"
+
+import { LangParams, LayoutArgs, UriParams } from "@/types/params"
+
+export default async function MyPagesURILayout({
+  children,
+}: React.PropsWithChildren<LayoutArgs<LangParams & UriParams>>) {
+  return (
+    <>
+      <Breadcrumbs />
+
+      <div className={styles.content}>
+        <Sidebar />
+        {children}
+      </div>
+    </>
+  )
+}