Moved css classes to corresponding components

components/Header/MainMenu/MyPagesMenuWrapper/index.tsx

@@ -10,7 +10,7 @@ import Avatar from "../Avatar"
 import MyPagesMenu from "../MyPagesMenu"
 import MyPagesMobileMenu from "../MyPagesMobileMenu"
 
-import styles from "../mainMenu.module.css"
+import styles from "./myPagesMenuWrapper.module.css"
 
 export default async function MyPagesMenuWrapper() {
   const lang = getLang()

components/Header/MainMenu/MyPagesMenuWrapper/myPagesMenuWrapper.module.css

@@ -0,0 +1,15 @@
+.loginLink {
+  display: flex;
+  align-items: center;
+  gap: var(--Spacing-x1);
+}
+
+.userName {
+  display: none;
+}
+
+@media screen and (min-width: 768px) {
+  .userName {
+    display: inline;
+  }
+}

components/Header/MainMenu/NavigationMenu/NavigationMenuList/index.tsx

@@ -1,6 +1,6 @@
 import NavigationMenuItem from "../NavigationMenuItem"
 
-import styles from "../navigationMenu.module.css"
+import styles from "./navigationMenuList.module.css"
 
 import { NavigationMenuListProps } from "@/types/components/header/navigationMenuList"
 

components/Header/MainMenu/mainMenu.module.css

@@ -29,16 +29,6 @@
   height: 1.375rem;
 }
 
-.loginLink {
-  display: flex;
-  align-items: center;
-  gap: var(--Spacing-x1);
-}
-
-.userName {
-  display: none;
-}
-
 @media screen and (min-width: 768px) {
   .nav {
     display: flex;
@@ -48,7 +38,4 @@
   .menus {
     display: contents;
   }
-  .userName {
-    display: inline;
-  }
 }