Project: fastify-react
Task (challenging): 1) Add a button .place-order-in-cart in the Popover of Shopping Cart
2) When clicked, create an order with 'Pending payment' status without paying or decreasing product quantity
3) When Order created, redirect to /order/:order-id
4) When Order created, clear Cart
5) Add .header-go-to-my-orders to the dropdown in HeaderUserMenu.ts, when clicked, go to the Orders Page of the current user
6) Each order in my orders page should be displayed with id, status total price inside #my_order_${order_id}
7) Clicking on an order should jump to the order detail page at /order/:order-id
8) In /order/:order-id, display the product title, images, price in tr#product_in_order_${product_id}, display the order price and order status
9) Create CSS files to beautify CSS
10) DO NOT use a third-party UI library