feat(WEB-167): update my pages layout to MVP wireframes

components/MyPages/Blocks/UpcomingStays/upcoming.module.css

@@ -2,15 +2,23 @@
   display: grid;
   gap: 2.2rem;
   margin-right: -2rem;
-  max-width: var(--max-width);
   overflow: hidden;
 }
 
+.header {
+  align-items: baseline;
+  display: flex;
+  justify-content: space-between;
+}
+
+.link {
+  display: none;
+}
+
 .stays {
   display: flex;
   gap: 2rem;
   overflow-x: auto;
-  padding-right: 2rem;
 
   /* Hide scrollbar IE and Edge */
   -ms-overflow-style: none;
@@ -23,8 +31,25 @@
   display: none;
 }
 
+@media screen and (max-width: 950px) {
+  .stays {
+    padding-right: 2rem;
+  }
+}
+
 @media screen and (min-width: 950px) {
   .container {
     margin-right: 0;
   }
+
+  .link {
+    color: var(--some-black-color, #111);
+    display: inline-block;
+    font-family: var(--ff-fira-sans);
+    font-size: 1.4rem;
+    font-weight: 600;
+    letter-spacing: 1.2%;
+    line-height: 140%;
+    text-decoration: none;
+  }
 }