fix(SW-184): using more variables and removed variants from navigation menu after PR

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

@@ -6,16 +6,14 @@ import { ChevronDownIcon, ChevronRightIcon } from "@/components/Icons"
 import Link from "@/components/TempDesignSystem/Link"
 
 import MainMenuButton from "../../MainMenuButton"
-import { navigationMenuItemVariants } from "./variants"
 
 import styles from "./navigationMenuItem.module.css"
 
 import type { NavigationMenuItemProps } from "@/types/components/header/navigationMenuItem"
 
-export default function MenuItem({ item, variant }: NavigationMenuItemProps) {
+export default function MenuItem({ item, isMobile }: NavigationMenuItemProps) {
   const { children, title, href, seeAllLinkText, infoCard } = item
   const [isExpanded, setIsExpanded] = useState(false)
-  const isMobile = variant === "mobile"
 
   function handleButtonClick() {
     setIsExpanded((prev) => !prev)
@@ -24,7 +22,7 @@ export default function MenuItem({ item, variant }: NavigationMenuItemProps) {
   return children?.length ? (
     <MainMenuButton
       onClick={handleButtonClick}
-      className={navigationMenuItemVariants({ variant })}
+      className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
     >
       {title}
       {isMobile ? (
@@ -40,7 +38,7 @@ export default function MenuItem({ item, variant }: NavigationMenuItemProps) {
     <Link
       href={href}
       color="burgundy"
-      className={navigationMenuItemVariants({ variant })}
+      className={`${styles.navigationMenuItem} ${isMobile ? styles.mobile : styles.desktop}`}
     >
       {title}
     </Link>