feat(SW-184): implementing mobile design

components/Header/MainMenu/NavigationMenu/index.tsx

@@ -1,15 +1,19 @@
 import NavigationMenuItem from "./NavigationMenuItem"
+import { navigationMenuVariants } from "./variants"
 
 import styles from "./navigationMenu.module.css"
 
 import { NavigationMenuProps } from "@/types/components/header/navigationMenu"
 
-export default function NavigationMenu({ items }: NavigationMenuProps) {
+export default function NavigationMenu({
+  items,
+  variant,
+}: NavigationMenuProps) {
   return (
-    <ul className={styles.navigationMenu}>
+    <ul className={navigationMenuVariants({ variant })}>
       {items.map((item) => (
-        <li key={item.id}>
-          <NavigationMenuItem item={item} />
+        <li key={item.id} className={styles.item}>
+          <NavigationMenuItem variant={variant} item={item} />
         </li>
       ))}
     </ul>