Latest Transactions Grid - Copy this Angular, Css Component to your project

Create a responsive Data Grid titled Latest Transactions, featuring a table with columns for invoice details, date, amount, and status, where the status column includes color indicators for different transaction statuses. Add 10 additional transactions to the table, ensuring a clean, minimalistic design for easy readability. Place pagination controls at the bottom right and a prominently sized search bar at the top right for better usability. The layout should be user friendly, ensuring a seamless experience across all devices with clear and easy to read data presentation.