two anime characters standing next to each other

When I saw the ProductList React component, I felt that we definitely need to fix this code. Upon closer inspection, I realized that the code is using multiple inner loops, which is causing issues with state management. Additionally, the logic of the code is overly complex, and there is a lot of duplicate code in the component that needs to be addressed. We can refactor this code to make it more efficient and cleaner by using array methods and simplifying the logic. This will not only improve the performance but also make the code more maintainable and easier to understand.