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/EnterDetails/Summary/UI/PriceDetailsTable/index.tsx

@@ -3,10 +3,12 @@
 import { Fragment } from "react"
 import { useIntl } from "react-intl"
 
-import { MaterialIcon } from "@scandic-hotels/design-system/Icons/MaterialIcon"
+import DiscountIcon from "@scandic-hotels/design-system/Icons/DiscountIcon"
+import { Typography } from "@scandic-hotels/design-system/Typography"
 
 import { dt } from "@/lib/dt"
 
+import IconChip from "@/components/TempDesignSystem/IconChip"
 import Body from "@/components/TempDesignSystem/Text/Body"
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 import useLang from "@/hooks/useLang"
@@ -328,13 +330,28 @@ export default function PriceDetailsTable({
             </td>
           </tr>
         ) : null}
-        {bookingCode && totalPrice.local.regularPrice && (
+        {bookingCode && (
           <tr className={styles.row}>
-            <td>
-              <MaterialIcon icon="sell" />
-              {bookingCode}
+            <td colSpan={2} align="left">
+              <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>
             </td>
-            <td></td>
           </tr>
         )}
       </TableSection>