fix: avoid wrong pagebreak inside of qr invoice in chrome printing

src/components/SwissInvoice.tsx

@@ -133,8 +133,13 @@ const SwissInvoice: Component<
     <div class="text-xs leading-normal font-bold">{props.children}</div>
   );
 
+  // Important: pt-px was added because: break-inside-avoid with the top-border results in a wrong pagebreak in chrome,
+  // the top-border remained on the first page and only the rest of the invoice was on the second page.
+  // AND: this only happend if scroll position was at the bottom.
+  // FIXME: Chrome should fix the break-inside-avoid calculation, when chrome has fixed their issue the pt-px can be removed.
+
   return (
-    <div class="break-inside-avoid">
+    <div class="break-inside-avoid pt-px">
       <div class="swissinvoice hyphenate break-normal break-all -max-w-[1200px] aspect-[2/1] print:w-full flex-shrink-0 text-left print:text-black text-sm bg-white border-y border-black border-dashed grid grid-flow-col grid-cols-[29.5%_26.5%_auto] grid-rows-[auto_auto_1fr]">
         <div class="col-span-1 row-span-1 p-10 pb-0 border-r border-black border-dashed">
           <HeaderEz>Empfangsschein</HeaderEz>