Pot Payouts: Update tab layout to fit the updated design and use indexer for data retrieval

[carina-akaia]

|▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔[ 🎨 DESIGN REFERENCE ]▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔▔|

Important

The current implementation uses pot contract client function calls with primitive state management,
which lacks automated cache management and reactivity, causing UX and performance issues.
Thus, the scope of this task also covers the indexer integration for payout retrieval.

Backend search is addressed in PotLock/django-indexer#112