manually fixed print layout to 4 qr codes per A4

app/ui/PrintPreview.tsx

@@ -24,10 +24,10 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
     <>
       {/* Print-specific CSS styles */}
       <style jsx>{`
-        @media print {
+        @media screen {
           @page {
             size: A4;
-            margin: 1in;
+            margin: 0;
           }
 
           body {
@@ -68,22 +68,19 @@ export const PrintPreview: React.FC<PrintPreviewProps> = ({ data, year, month, t
           .print-table td {
             border: 2px solid black !important;
             background: white !important;
+            vertical-align: top;
           }
 
           .print-table th {
             padding: 8px 12px !important;
           }
 
-          .print-table td {
-            padding: 16px 12px !important;
-          }
-
           .print-table thead tr {
             background: #f5f5f5 !important;
           }
 
-          .print-table .space-y-1 > * + * {
-            margin-top: 0.5rem !important;
+          .print-table td img {
+            margin: 5em auto;
           }
         }
       `}</style>