PHEE-398: wire Payment Hub to real API, add Reporting Dashboard and Account Mapper Self Service Portal

[Flashl3opard]

Related

Epic: PHEE-363
Closes: PHEE-398

Summary

Connects the React app to the live Mifos Gazelle backend instance
and adds two new features.

Changes

API Integration

• Added src/lib/api/paymentHub.ts — fetchMainBatches, fetchTransfers
• Added src/lib/api/accountMapper.ts — lookupBeneficiary, updateBeneficiary
• Updated src/lib/api/client.ts — Platform-TenantId header, Authorization
• MainBatchesTab — real API with loading skeleton and mock fallback
• TransfersTab — real API with correct content response shape

Reporting Dashboard

• Built src/modules/reporting/Reporting.tsx with Recharts
• KPI cards, 7-day line chart, donut chart, bar charts, failed batches table
• Date range filters and tenant dropdown

Account Mapper Self Service Portal

• Standalone iframe-friendly page at /account-mapper/self-service
• Reads beneficiaryId from URL params
• AccountLookup API call on mount
• Update Beneficiary API on form submit
• No auth required — public route

README

• Added Gazelle backend setup instructions
• Added Keycloak Docker setup steps
• Added self-service portal documentation

Notes

• Tested against live Gazelle instance at ops.mifos.gazelle.test
• Mock data fallback when API unavailable