[IMP] l10n_gcc: Payment Reference

When working on incoterm and the placement on the invoice, we saw that the
payment reference was weirdly displayed. This commit put the payment reference
on the right with the same display as the invoice date or due date.

closes odoo/odoo#118954

Task-id: 3273460
Related: odoo/enterprise#43363
Related: odoo/upgrade#4598
Signed-off-by: William André (wan) <wan@odoo.com>

addons/l10n_gcc_invoice/views/report_invoice.xml

@@ -487,21 +487,18 @@
 
                 <p t-if="o.move_type in ('out_invoice', 'in_refund') and o.payment_reference" name="payment_communication">
                     <div class="row">
-                        <div class="col-4">
-                            Payment Reference :
+                        <div class="col-2 offset-6 text-nowrap">
+                            <strong>Payment Reference:</strong>
                         </div>
-                        <div class="col-4 text-center">
-                            <b>
-                                <span t-field="o.payment_reference"/>
-                            </b>
+                        <div class="col-2 text-nowrap">
+                            <span class="fw-bold" t-field="o.payment_reference"/>
                         </div>
-                        <div class="col-4 text-end">
-                               : رقم إشارة الدفعة
+                        <div class="col-2 text-end">
+                            <strong>:رقم إشارة الدفعة</strong>
                         </div>
                     </div>
                 </p>
 
-
                 <p t-if="o.invoice_payment_term_id" name="payment_term">
                     <div class="row">
                         <div class="col-6 text-start">