[FIX] l10n_sa_pos: Fix QRCode positionning for iOS when printing receipt

Current behavior:
When printing receipt from an iOS device, the QRCode is not printed at
the good position.

Steps to reproduce:
- Install l10n_sa_pos
- Install an ePoS printer
- Go on an iOS device
- Go to POS
- Create a new order
- Pay the order
- Print the receipt

opw-3560424

closes odoo/odoo#144583

X-original-commit: fe46d3a76d49e7753755d4f6d0bee2c628953d6b
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>
Signed-off-by: Robin Engels (roen) <roen@odoo.com>

addons/l10n_sa_pos/static/src/css/pos_receipt.css

@@ -0,0 +1,4 @@
+.pos-receipt .pos-receipt-qrcode {
+    display: block;
+    margin: 0 auto;
+}

addons/l10n_sa_pos/static/src/overrides/components/order_receipt/order_receipt.xml

@@ -3,7 +3,7 @@
     <t t-inherit="point_of_sale.ReceiptHeader" t-inherit-mode="extension">
         <xpath expr="//img[hasclass('pos-receipt-logo')]" position="after">
             <t t-if="props.data.is_gcc_country and !props.data.is_settlement">
-                <img t-if="props.data.qr_code" id="qrcode" t-att-src="props.data.qr_code" class="pos-receipt-logo"/>
+                <img t-if="props.data.qr_code" id="qrcode" t-att-src="props.data.qr_code" class="pos-receipt-qrcode"/>
                 <br/>
             </t>
         </xpath>