Styled Card - Copy this React, Mui Component to your project

create detail order page with tracking order with data:{ "id": 0, "totalAmount": 0, "discount": 0, "shippingAddress": "string", "phone": "string", "fullName": "string", "voucher": { "code": "string", "type": "PERCENT", "discount": 0, "minPrice": 0, "maxDiscount": 0, "description": "string", "startDate": "2024-09-25", "endDate": "2024-09-25", "active": true }, "urlPayment": "string", "orderStatus": "PENDING", "shippingStatus": "NOT_SHIPPED", "trackingNumber": "string", "createdAt": "string", "payment": { "id": 0, "paymentMethod": "VNPAY", "amount": 0, "transactionID": "string", "createdAt": "2024-09-25T12:04:25.943Z", "paymentStatus": "UNPAID" }, "orderProducts": [ { "id": 0, "quantity": 0, "price": 0, "image": "string", "name": "string", "size": "string", "color": "string" }, { "id": 0, "quantity": 0, "price": 0, "image": "string", "name": "string", "size": "string", "color": "string" } ] }