feat(SW-184): implementing mobile design

components/Header/MainMenu/MyPagesMenu/myPagesMenu.module.css

@@ -2,11 +2,8 @@
   position: relative;
 }
 
-.button {
-  font-weight: 600;
-}
-
 .chevron {
+  display: none;
   transition: transform 0.2s;
 }
 
@@ -14,6 +11,12 @@
   transform: rotate(180deg);
 }
 
+.userName {
+  display: none;
+  font-weight: 600;
+  color: var(--Base-Text-High-contrast);
+}
+
 .dropdown {
   position: absolute;
   top: 46px;
@@ -80,6 +83,15 @@
   opacity: 0;
 }
 
-.link:hover .arrow {
-  opacity: 1;
+.loginLink {
+  display: flex;
+  align-items: center;
+  gap: var(--Spacing-x1);
+}
+
+@media screen and (min-width: 768px) {
+  .userName,
+  .chevron {
+    display: initial;
+  }
 }