feat(BOOK-743): Replaced deprecated Button component

Approved-by: Bianca Widstam

apps/scandic-web/components/Header/MainMenu/NavigationMenu/MegaMenu/index.tsx

@@ -6,12 +6,11 @@ import FocusLock from "react-focus-lock"
 
 import ButtonLink from "@scandic-hotels/design-system/ButtonLink"
 import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import { InfoCard } from "@scandic-hotels/design-system/InfoCard"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import useDropdownStore from "@/stores/main-menu"
 
-import Card from "@/components/TempDesignSystem/Card"
-
 import { MenuLink } from "../../MenuLink"
 
 import styles from "./megaMenu.module.css"
@@ -97,18 +96,10 @@ export default function MegaMenu({
           </div>
           {card ? (
             <div className={styles.cardWrapper}>
-              <Card
+              <InfoCard
                 className={styles.card}
-                backgroundImage={card.backgroundImage}
-                bodyText={card.body_text}
-                heading={card.heading}
-                primaryButton={card.primaryButton}
-                secondaryButton={card.secondaryButton}
-                scriptedTopTitle={card.scripted_top_title}
-                onPrimaryButtonClick={handleNavigate}
-                onSecondaryButtonClick={handleNavigate}
-                imageGradient
-                theme="image"
+                {...card}
+                theme={card.backgroundImage ? "Image" : "Primary 1"}
                 height="dynamic"
               />
             </div>