Merged in feat/LOY-316-Level-Progress-Card (pull request #2739)

Feat/LOY-316 Level Progress Card

* feat(LOY-315): Add MembershipOverviewCard

* refactor(LOY-315): abstract sasbooststatus

* feat(LOY-316): build out LevelProgressCard skeleton & variant styling

* feat(LOY-316): Add HighesMembershipCard

* feat(LOY-316): ProgressBarCard base

* refactor(LOY-315): highest level card misc fixes

* feat(LOY-316): Add progress component to design system

* fix(LOY-316): type check

* refactor(LOY-316): calculate currentEarnings correctly

* fix(LOY-316): sas icon showing when not boosted

* fix(LOY-316): css module

* refactor(LOY-316): Restructure components

* feat(LOY-316): Add marker pin 📍

* fix(LOY-316): strict equality checks

* fix(LOY-316): code review fixes

* chore(LOY-316): conditionally hide old section under flag

* feat(LOY-316): Add level progress card to my points page

* chore(LOY-316): marker label container height


Approved-by: Matilda Landström

packages/design-system/lib/components/Icons/IllustrationByIconName.ts

@@ -10,6 +10,7 @@ import KidsIcon from './Illustrations/Kids'
 import KidsMocktailIcon from './Illustrations/KidsMocktail'
 import MagicWandIcon from './Illustrations/MagicWand'
 import MoneyHandIcon from './Illustrations/MoneyHand'
+import TrophyIcon from './Illustrations/Trophy'
 import VoucherIcon from './Illustrations/Voucher'
 
 import { IconName } from './iconName'
@@ -40,6 +41,8 @@ export function IllustrationByIconName(iconName: IconName | null) {
       return CoinIcon
     case IconName.Bed:
       return BedIcon
+    case IconName.Trophy:
+      return TrophyIcon
     case IconName.Voucher:
       return VoucherIcon
     default:

packages/design-system/lib/components/Icons/iconName.ts

@@ -169,6 +169,7 @@ export enum IconName {
   Ticket = 'Ticket',
   Train = 'Train',
   Tripadvisor = 'Tripadvisor',
+  Trophy = 'Trophy',
   Tshirt = 'Tshirt',
   TshirtWash = 'TshirtWash',
   TvCasting = 'TvCasting',