Component 2 - Copy this React, Tailwind Component to your project

I need a storefront that has a product list showing product name, image, SKU, and price with buttons to add to cart if there aren't any already in the cart, and buttons to increase or decrease cart quantity if it is already in the cart. The cart should show product name, image, SKU, price, quantity, and total cost (price * quantity). The cart should slide in from the right side of the screen when toggled or when a product is added to the cart and both the cart and product list should update live when quantities change