Product listing

Now that the category menu is complete, continue by implementing the product listing, as depicted in this diagram, by following the next steps:

Follow the following steps:

1. Create the following folders:
   • /src/components/market/ProductCard
   • /src/components/market/ProductList
2. Implement the ProductCard component's behavior by creating this file and adding the following JavaScript code:

/src/components/market/ProductCard/ProductCard.js

                import React from 'react';
                import './ProductCard.css';

                function primaryImageSrc(product) {
                  return product && product.media && 
                  product.media.length > 0
                    ? product.media[0].url
                    : null;
                }

                const ProductCard = ({product}) => (
                  <div className="item-card">
                    <div className="item-card-content-container">
                        <img...