Merged in fix/BOOK-529-my-stay-guarantee (pull request #3282)

fix(BOOK-529): add card icon to payment cards, show scrollbar, add missing text

* fix(BOOK-529): add card icon to payment cards, show scrollbar, add missing text

* fix(BOOK-529): refactor savdecard

* fix(BOOK-529): fix lokaliseid

* fix(BOOK-529): paymentmethods


Approved-by: Joakim Jäderberg

packages/design-system/lib/components/Form/SelectPaymentMethod/index.tsx

@@ -9,7 +9,7 @@ import styles from './selectPaymentMethod.module.css'
 
 import {
   PAYMENT_METHOD_TITLES,
-  type PaymentMethodEnum,
+  PaymentMethodEnum,
 } from '@scandic-hotels/common/constants/paymentMethod'
 
 type PaymentMethod = {
@@ -79,8 +79,9 @@ export function SelectPaymentMethod({
 
           return (
             <PaymentOption
+              type={paymentMethods.cardType}
               key={paymentMethods.id}
-              value={paymentMethods.id as PaymentMethodEnum}
+              value={paymentMethods.id}
               label={label}
               cardNumber={paymentMethods.truncatedNumber}
             />
@@ -90,7 +91,8 @@ export function SelectPaymentMethod({
           <span>{otherCardLabel}</span>
         </Typography>
         <PaymentOption
-          value={PAYMENT_METHOD_TITLES.card as PaymentMethodEnum}
+          value={PaymentMethodEnum.card}
+          type={PaymentMethodEnum.card}
           label={intl.formatMessage({
             id: 'common.creditCard',
             defaultMessage: 'Credit card',