Enatega Customer App: Incorrect order flow with stripe payment integration

Describe the bug
When placing an order using Stripe, the current flow places the order before collecting Stripe payment details. After confirming the order, the user is taken to the Stripe checkout page. Payment details should be collected first, and the order should be placed only after successful payment confirmation.

To Reproduce
Steps to reproduce the behavior:

Add items to the cart.
Proceed to checkout.
Select Stripe as the payment method.
Place the order.
Observe that the order is placed immediately, and then the user is redirected to Stripe checkout.
Expected behavior
User should be taken to Stripe checkout before placing the order. The order should only be created after Stripe confirms successful payment.

Smartphone :

Device: [infinix]
OS: [Android]
Browser [app]

Labels: Enatega Multivendor Customer App, Bug

Start by tracing the customer app's checkout flow from the Stripe payment-method selection and reproduce the order-before-payment behavior described in the issue. Done means Stripe payment details are collected and successfully confirmed before an order is created, while unsuccessful payment does not create the order.

Written by the indexing model from the issue text.