Sales Data Grid - Copy this Angular, Css Component to your project

Create a responsive Data Grid titled 'Sales' featuring a table with columns for ID, product name (with an icon), customer name, date, price, and status (with color indicators). Include sorting options to allow for easy data manipulation and ensure a clean, vibrant design with a colorful theme for optimal readability. Add 10 additional rows of data to the table, making sure the design remains visually appealing. The layout should be user friendly, responsive, and optimized for both desktop and mobile devices, offering a seamless and engaging user experience across all platforms.