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/SidePeeks/BookedRoomSidePeek/index.tsx

@@ -291,17 +291,24 @@ export default function BookedRoomSidePeek({
             </div>
           </div>
           {bookingCode && (
-            <IconChip
-              color="blue"
-              icon={<DiscountIcon color="Icon/Feedback/Information" />}
-            >
-              <Typography variant="Body/Supporting text (caption)/smBold">
-                <p className={styles.bookingCode}>
-                  <strong>{intl.formatMessage({ id: "Booking code" })}</strong>
-                  {bookingCode}
-                </p>
-              </Typography>
-            </IconChip>
+            <Typography variant="Body/Supporting text (caption)/smBold">
+              <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>
           )}
 
           <GuestDetails