fix: payment page

packages/webapp/src/containers/PaymentPortal/PaymentPortal.module.scss

@@ -1,6 +1,6 @@
 
 .rootBodyPage {
-  background: #0c103f;
+  background: #1c1d29;
 }
 
 .root {

packages/webapp/src/containers/PaymentPortal/PaymentPortal.tsx

@@ -83,6 +83,13 @@ export function PaymentPortal() {
               </Text>
             </Group>
 
+            {sharableLinkMeta?.taxes?.map((tax, key) => (
+              <Group key={key} position={'apart'} className={styles.totalItem}>
+                <Text>{tax?.name}</Text>
+                <Text>{tax?.taxRateAmountFormatted}</Text>
+              </Group>
+            ))}
+
             <Group
               position={'apart'}
               className={clsx(styles.totalItem, styles.borderBottomGray)}

packages/webapp/src/containers/PaymentPortal/drawers/PaymentInvoicePreviewDrawer/PaymentInvoicePreviewContent.tsx

@@ -30,6 +30,10 @@ export function PaymentInvoicePreviewContent() {
               rate: entry.rateFormatted,
               total: entry.totalFormatted,
             }))}
+            taxes={sharableLinkMeta?.taxes?.map((tax) => ({
+              label: tax.name,
+              amount: tax.taxRateAmountFormatted,
+            }))}
           />
         </Box>
       </DrawerBody>