Design a modern and sleek report approval list page for an approver. The page should have a minimalist web application style using a clean Sans-serif font like 'Inter' or 'Roboto'.
1. At the top, include a header with the title 'Pending Approvals'.
2. Below the header, display a list or grid of reports that require approval. Each report should be displayed in a card format, showing key details such as report type, title, submission date, and the draft date.
3. If a report is pending approval, display an 'Approve' button on the card. The card should also have an option to 'View Details'.
4. For reports that have already been approved or rejected, display the status (e.g., 'Approved', 'Rejected') prominently on the card with a corresponding color (green for approved, red for rejected).
5. Include a filter option at the top of the list to sort reports by status (Pending, Approved, Rejected).
6. Ensure the layout is clean and responsive, with clear differentiation between pending and proc | A shadcn/ui and v0 generation - v0
