Merged in feat/SW-459-payment-flow-ui-ux (pull request #657)

Feat/SW-459 payment flow ui ux

* feat(SW-431): List payment methods and handle booking status and redirection

* feat(SW-431): small fix

* fix(SW-431): Added intl string and sorted dictionaries

* fix(SW-431): add todo comments

* feat(SW-459): Added payment method icons

* feat(SW-459): refactored into new component and added form

* feat(SW-459): Localized strings

* feat(SW-459): added checkbox

* feat(SW-459): Refactored payment options and updated payment form

* feat(SW-459): update input bg color

* feat(SW-459): add current web links and style fixes

* fix(SW-459): fix issue with booking confirmation not being accessible

* feat(SW-459): style changes

* feat(SW-459): update max width of payment container

* feat(SW-459): update create booking schema

* feat(SW-459): fixes from PR


Approved-by: Arvid Norlin

server/routers/booking/output.ts

@@ -5,9 +5,10 @@ export const createBookingSchema = z
     data: z.object({
       attributes: z.object({
         confirmationNumber: z.string(),
-        cancellationNumber: z.string().optional(),
+        cancellationNumber: z.string().nullable(),
         reservationStatus: z.string(),
-        paymentUrl: z.string().optional(),
+        paymentUrl: z.string().nullable(),
+        metadata: z.any(), // TODO: define metadata schema (not sure what it does)
       }),
       type: z.string(),
       id: z.string(),