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

components/MyPages/Sidebar/index.tsx

@@ -0,0 +1,40 @@
+import { LogOut } from "react-feather"
+import Link from "next/link"
+
+import styles from "./sidebar.module.css"
+
+export default function Sidebar() {
+  return (
+    <aside className={styles.sidebar}>
+      <nav className={styles.nav}>
+        <Link className={`${styles.link} ${styles.active}`} href="#">
+          My Scandic
+        </Link>
+        <Link className={styles.link} href="#">
+          My Stays
+        </Link>
+        <Link className={styles.link} href="#">
+          My Points
+        </Link>
+        <Link className={styles.link} href="#">
+          My Benefits
+        </Link>
+        <Link className={styles.link} href="#">
+          My Challenges
+        </Link>
+        <Link className={styles.link} href="#">
+          My Favourites
+        </Link>
+        <Link className={styles.link} href="#">
+          About Scandic Friends
+        </Link>
+        <Link className={styles.link} href="#">
+          My Profile
+        </Link>
+        <Link className={styles.link} href="/api/auth/signout">
+          Log out <LogOut height={16} width={16} />
+        </Link>
+      </nav>
+    </aside>
+  )
+}