Implement Upcoming Payments Screen with Search and Filter Bottom Sheet [Flutter] #53
Description
Build the Upcoming Payments screen with two states: an empty state showing an illustration and "No upcoming transactions yet" message, and a populated state showing a scrollable list of upcoming payment entries (each with avatar, name, date, and amount). Add a search bar at the top to filter entries by name. Implement a "Filter Items" bottom sheet triggered by a filter icon, containing two collapsible sections — Transaction type (with options: All, Contract payment, Invoice) and Status (with options: All, Coming, Overdue), each using radio buttons. Include "Clear all" and "Show results" action buttons at the bottom of the sheet.
Acceptance Criteria:
- Empty state renders illustration and descriptive message
- Populated state renders scrollable list with avatar, title, date, and amount per row
- Search bar filters the list in real time by payment name
- Filter icon opens the Filter bottom sheet
- Transaction type and Status sections are collapsible/expandable
- Radio button selection works independently per section
- "Clear all" resets all filter selections
- "Show results" closes the sheet and applies selected filters to the list