Invoice and Contract Payment Detail Screens* [Flutter] #54
Description
Build two payment detail screen. Invoice and Contract Payment. Both share a common layout: asset icon, amount in USDT with fiat value, Status badge (e.g., "Saving to Earn"), Est. arrival date, Network (with icon), and Invoice number. The Invoice screen additionally shows Invoice name and Client fields. The Contract Payment screen adds Contract name (with external link), Rate type (Fixed Rate), Invoice number, and Client. Below the details, both screens display a vertical activity timeline showing steps with timestamps and descriptive sub-text. Completed steps use a filled green indicator; pending steps use an outlined circle.
Acceptance Criteria:
- Both screens render the shared header: icon, amount, fiat value, status badge, est. arrival, network
- Invoice screen shows Invoice and Client fields
- Contract Payment screen shows Contract, Rate type, Invoice, and Client fields
- Activity timeline renders vertically with correct step indicators (filled green vs outlined)
- Completed steps show timestamp and descriptive text
- Pending/future steps appear visually distinct (muted/outlined)
- Status badge color reflects the current payment state
- Back navigation is available