[FIX] point_of_sale, pos_stripe: broken payment methods form view

In this commit we the fix the payment methods form view
because it was broken after changing the implementation
of the <group> element to the new `grid`format.

closes odoo/odoo#102519

X-original-commit: 3450e48198c6dd1c26379ffd09aeaaaefa1fdc13
Signed-off-by: Trinh Jacky (trj) <trj@odoo.com>

addons/point_of_sale/views/pos_payment_method_views.xml

@@ -23,7 +23,7 @@
                             <field name="company_id" readonly="1" groups="base.group_multi_company" />
                         </group>
                         <group attrs="{'invisible': ['|', ('hide_use_payment_terminal', '=', False), ('type', 'in', ['cash', 'pay_later'])]}">
-                            <div>
+                            <div colspan="2">
                                 <h2>Tips:</h2>
                                 <p>
                                     Go to <a href="#" name="%(action_pos_configuration)d" type="action" class="btn-link o_form_uri" role="button">Configurations > Settings</a>

addons/pos_stripe/views/pos_payment_method_views.xml

@@ -8,7 +8,7 @@
             <xpath expr="//field[@name='use_payment_terminal']" position="after">
                 <!-- Stripe -->
                 <field name="stripe_serial_number" attrs="{'invisible': [('use_payment_terminal', '!=', 'stripe')], 'required': [('use_payment_terminal', '=', 'stripe')]}"/>
-                <div class="mt16" attrs="{'invisible': [('use_payment_terminal', '!=', 'stripe')], 'required': [('use_payment_terminal', '=', 'stripe')]}">
+                <div colspan="2" class="mt16" attrs="{'invisible': [('use_payment_terminal', '!=', 'stripe')], 'required': [('use_payment_terminal', '=', 'stripe')]}">
                     <button name="action_stripe_key" type="object" icon="fa-arrow-right" string="Don't forget to complete Stripe connect before using this payment method." class="btn-link"/>
                 </div>
             </xpath>