Modern Table - Copy this React, Tailwind Component to your project

A modern table interface with soft, rounded corners. The table has a clean, minimalistic design with a light gray background. The header row has a slightly darker background with bold, centered text for columns labeled 'User', 'Email', 'Date', and 'Actions'. Each row contains a small user avatar on the left, followed by the user's role (e.g., 'Admin'), email in a smaller font, and a date (formatted as DD-MM-YYYY). On the right side of each row, there is a three-dot vertical menu icon for actions. The rows have alternating white backgrounds with subtle shadows, giving a floating card-like appearance. The table is enclosed in a light border with rounded edges, and a green circular floating action button with a plus icon is positioned at the bottom-right corner.