E-commerce Product Prieview Page Using React and JS Local Storage

This is actually my first react project! I didn't use the traditional create-react-app process, I used vite; I also made use of useEffect and JavaScript localStorage to maintain the the state cartItems (which holds the items the user stores in his/her cart) on page reload or refresh. I also added audio to notify the user of any changes in the cart (add, delete, checkout). I'll appreciate any feedback on how I can improve my solution, thank you!!.

There's excessive passing down of states, I'll use react-redux to clean that up. Thank you!