feat: finish my pages overview page according to wireframe

components/MyPages/Blocks/Overview/Mobile/index.tsx

@@ -0,0 +1,13 @@
+import Breadcrumbs from "@/components/MyPages/Header/Breadcrumbs"
+import Title from "@/components/MyPages/Title"
+
+import styles from "./mobile.module.css"
+
+export default function OverviewMobile() {
+  return (
+    <section className={styles.overviewMobile}>
+      <Breadcrumbs />
+      <Title uppercase>Good Morning [NAME]</Title>
+    </section>
+  )
+}

components/MyPages/Blocks/Overview/Mobile/mobile.module.css

@@ -0,0 +1,16 @@
+.overviewMobile {
+  background-color: var(--some-grey-color, #f2f2f2);
+  left: 50%;
+  margin-left: -50vw;
+  margin-right: -50vw;
+  padding: 3.5rem 2rem 2rem;
+  position: relative;
+  right: 50%;
+  width: 100dvw;
+}
+
+@media screen and (min-width: 950px) {
+  .overviewMobile {
+    display: none;
+  }
+}