Add escrow status and countdown timer for cashback releases

[MusabShakeel576]

Summary

This PR adds support for displaying escrowed cashback with a countdown timer showing when the funds will be released. It introduces a new EscrowTimeLeft component that updates every minute to show the remaining time until payout.

Key Changes

• New EscrowTimeLeft component: Displays a live countdown timer that updates every 60 seconds, showing the time remaining until escrowed cashback is released
• Enhanced cashback status display: Updated UI to distinguish between three states:
  • Pending cashback (awaiting processing)
  • Escrowed cashback (locked until payout date)
  • Released cashback (available)
• Extended CashbackInfo interface: Added isEscrowed boolean and payoutAt timestamp fields to track escrow status and release time
• Updated getCashbackAmount helper: Now returns escrow status and payout information alongside existing pending status
• Extended Cashback type: Added optional payoutAt field to store the escrow release timestamp
• Improved activity detail view: Shows "Releases in" row with countdown timer when cashback is escrowed
• Updated transaction list: Displays "(Escrowed)" label in cashback indicator when applicable

Implementation Details

• The countdown timer uses formatDistanceStrict from date-fns for human-readable time formatting
• The interval updates every 60 seconds (60,000ms) to balance accuracy with performance
• The component displays "Releasing soon" when the payout time has been reached
• Escrow information is conditionally rendered only when the cashback is actually escrowed

https://claude.ai/code/session_01JwEMS7D4Jcwkm2VqX4CRnd

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

2 Skipped Deployments

Project	Deployment	Actions	Updated (UTC)
solid-app	Ignored		Apr 19, 2026 9:25am
solid-app-staging	Ignored		Apr 19, 2026 9:25am