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

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