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

components/MyPages/Header/Breadcrumbs/breadcrumbs.module.css

@@ -0,0 +1,21 @@
+.list {
+  align-items: center;
+  display: flex;
+  gap: 0.4rem;
+  justify-content: flex-start;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.listItem,
+.link {
+  color: var(--some-text-color, #000);
+  font-size: 1.4rem;
+  font-weight: 400;
+  line-height: 1.56rem;
+}
+
+.link {
+  text-decoration: none;
+}

components/MyPages/Header/Breadcrumbs/index.tsx

@@ -0,0 +1,23 @@
+import Link from "next/link"
+
+import styles from "./breadcrumbs.module.css"
+
+export default function Breadcrumbs() {
+  return (
+    <nav className={styles.breadcrumbs}>
+      <ul className={styles.list}>
+        <li className={styles.listItem}>
+          <Link className={styles.link} href="#">
+            Home
+          </Link>
+        </li>
+        <li className={styles.listItem}>
+          <span>/</span>
+        </li>
+        <li className={styles.listItem}>
+          <p>My Scandic</p>
+        </li>
+      </ul>
+    </nav>
+  )
+}