fix build error

src/components/Header/HeaderMenuItem.tsx

@@ -3,10 +3,9 @@ import { LowerMenuItem } from "./Header";
 
 interface MenuItemProps {
   item: LowerMenuItem;
-  subItemClass: string;
 }
 
-const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
+const HeaderMenuItem: React.FC<MenuItemProps> = ({ item }) => {
   const [showSubMenu, setShowSubMenu] = useState<boolean>(false);
 
   const toggleSubMenu = () => {
@@ -15,15 +14,17 @@ const HeaderMenuItem: React.FC<MenuItemProps> = ({ item, subItemClass }) => {
 
   return (
     <li
-      className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt] ${subItemClass && "flex gap-4"}`}
+      className={`cursor-pointer text-[13.5px] font-medium text-[#525252] tracking-[1px] leading-[-0.3pt]`}
       onMouseEnter={toggleSubMenu}
       onMouseLeave={toggleSubMenu}
     >
       <a href={item.linkPath}>{item.name}</a>
       {showSubMenu && item.subItems && (
-        <ul className={`absolute bg-white shadow-md p-4 z-20 ${setShowSubMenu && subItemClass}`}>
+        <ul
+          className={`absolute bg-white shadow-md p-4 z-20 `}
+        >
           {item.subItems.map((subItem, index) => (
-            <HeaderMenuItem key={index} item={subItem} subItemClass="relative" />
+            <HeaderMenuItem key={index} item={subItem} />
           ))}
         </ul>
       )}