Merged in feat/SW-1737-design-mystay-multiroom (pull request #1565)

Feat/SW-1737 design mystay multiroom

* feat(SW-1737) Fixed member view of guest details

* feat(SW-1737) fix merge issues

* feat(SW-1737) Fixed price details

* feat(SW-1737) removed unused imports

* feat(SW-1737) removed true as statement

* feat(SW-1737) updated store handling

* feat(SW-1737) fixed bug showing double numbers

* feat(SW-1737) small design fixed

* feat(SW-1737) fixed rebase errors

* feat(SW-1737) fixed create booking error with dates

* feat(SW-1737) fixed view multiroom as singleroom

* feat(SW-1737) fixes for multiroom

* feat(SW-1737) fixed bookingsummary

* feat(SW-1737) dont hide modify dates

* feat(SW-1737) updated breakfast to handle number

* feat(SW-1737) Added red color if member rate

* feat(SW-1737) fix PR comments

* feat(SW-1737) updated member tiers svg

* feat(SW-1737) updated how to handle paymentMethodDescription

* feat(SW-1737) fixes after testing mystay

* feat(SW-1737) updated Room type to just use whats used

* feat(SW-1737) fixed access

* feat(SW-1737) refactor my stay after PR comments

* feat(SW-1737) fix roomNumber translation

* feat(SW-1737) removed log


Approved-by: Arvid Norlin

apps/scandic-web/components/Levels/Icon.tsx

@@ -2,36 +2,79 @@ import { MembershipLevelEnum } from "@/constants/membershipLevels"
 
 import {
   BestFriend,
+  BestFriendSingle,
   CloseFriend,
+  CloseFriendSingle,
   DearFriend,
+  DearFriendSingle,
   GoodFriend,
+  GoodFriendSingle,
   LoyalFriend,
+  LoyalFriendSingle,
   NewFriend,
+  NewFriendSingle,
   TrueFriend,
+  TrueFriendSingle,
 } from "@/components/Levels"
 
 import type { MembershipLevelIconProps } from "@/types/components/myPages/membership"
 
 export default function MembershipLevelIcon({
   level,
+  rows = 1,
   color = "pale",
   ...props
 }: MembershipLevelIconProps) {
   switch (level) {
     case MembershipLevelEnum.L1:
-      return <NewFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <NewFriendSingle color={color} {...props} />
+        case 2:
+          return <NewFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L2:
-      return <GoodFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <GoodFriendSingle color={color} {...props} />
+        case 2:
+          return <GoodFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L3:
-      return <CloseFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <CloseFriendSingle color={color} {...props} />
+        case 2:
+          return <CloseFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L4:
-      return <DearFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <DearFriendSingle color={color} {...props} />
+        case 2:
+          return <DearFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L5:
-      return <LoyalFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <LoyalFriendSingle color={color} {...props} />
+        case 2:
+          return <LoyalFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L6:
-      return <TrueFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <TrueFriendSingle color={color} {...props} />
+        case 2:
+          return <TrueFriend color={color} {...props} />
+      }
     case MembershipLevelEnum.L7:
-      return <BestFriend color={color} {...props} />
+      switch (rows) {
+        case 1:
+          return <BestFriendSingle color={color} {...props} />
+        case 2:
+          return <BestFriend color={color} {...props} />
+      }
     default:
       return null
   }