Merged in feat/SW-2078-update-confirmation-page-vouchers (pull request #1731)

Feat/SW-2078 update confirmation page vouchers and Corp Cheques rate

* feat: SW-2078 Tablet bookingCode ref forward issue fix

(cherry picked from commit 16a6a00fd99b6b6220a98ad74de062d67d35e1c0)

* feat: SW-2078 Display Vouchers and Cheques prices on confirmation page

(cherry picked from commit a76494de497a7d5e7641cb0036bd7055acf875c1)

* feat: SW-2078 Rebase issue fix

* feat: SW-2079 Updated rate title in terms modal

* feat: SW-2078 Optimized code

* feat: SW-2078 Removed extra tags


Approved-by: Christian Andolf

apps/scandic-web/components/HotelReservation/HotelCard/index.tsx

@@ -5,8 +5,8 @@ import { useRouter, useSearchParams } from "next/navigation"
 import { memo, useCallback } from "react"
 import { useIntl } from "react-intl"
 
+import DiscountIcon from "@scandic-hotels/design-system/Icons/DiscountIcon"
 import HotelLogoIcon from "@scandic-hotels/design-system/Icons/HotelLogoIcon"
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
 import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { selectHotelMap, selectRate } from "@/constants/routes/hotelReservation"
@@ -185,14 +185,26 @@ function HotelCard({
           ) : (
             <>
               {bookingCode && (
-                <span className={`${fullPrice ? styles.strikedText : ""}`}>
-                  <IconChip
-                    color="blue"
-                    icon={<MaterialIcon icon="sell" size={20} />}
-                  >
-                    {bookingCode}
-                  </IconChip>
-                </span>
+                <div className={`${fullPrice ? styles.strikedText : ""}`}>
+                  <Typography variant="Body/Supporting text (caption)/smRegular">
+                    <IconChip
+                      color="blue"
+                      icon={<DiscountIcon color="Icon/Feedback/Information" />}
+                    >
+                      {intl.formatMessage(
+                        { id: "<strong>Booking code</strong>: {value}" },
+                        {
+                          value: bookingCode,
+                          strong: (text) => (
+                            <Typography variant="Body/Supporting text (caption)/smBold">
+                              <strong>{text}</strong>
+                            </Typography>
+                          ),
+                        }
+                      )}
+                    </IconChip>
+                  </Typography>
+                </div>
               )}
               {(!isUserLoggedIn ||
                 !price?.member ||