update order details each 10 s and enhance the steppers UI and logic

src/pages/order/page.tsx

@@ -30,6 +30,9 @@ export default function OrderPage() {
     },
     {
       skip: !orderId,
+      // return it t0 60000 after finish testing
+      pollingInterval: 10000,
+      refetchOnMountOrArgChange: true,
     },
   );
 
@@ -114,7 +117,7 @@ export default function OrderPage() {
 
             <Divider style={{ margin: "12px 0" }} />
 
-            <Stepper />
+            <Stepper statuses={orderDetails?.status} />
           </div>
         </Card>