[Frontend] Replace Mock Data Services with Real Backend API Integration

[KuchiMercy]

Summary

The frontend currently uses mock/simulated data with fake API delays throughout services/escrow.ts. All data fetching hooks (useEscrows, useEscrow, useEvents) consume this mock layer. The frontend must be wired to the real NestJS backend API.

Current State

• services/escrow.ts contains an EscrowService class with methods (getEscrows(), getEscrowById(), getEvents(), createEscrow(), updateEscrowStatus()) that all return hardcoded/mock data with simulated setTimeout delays (500-1000ms)
• hooks/useWallet.ts is a mock hook returning a hardcoded test public key instead of using the real WalletContext
• No API base URL configuration exists
• No auth token injection in API requests
• React Query hooks have no real endpoint backing them

Acceptance Criteria

• Create an API client module with configurable base URL (NEXT_PUBLIC_API_URL env var)
• Implement auth token injection (JWT from wallet auth flow) in API request headers
• Replace all mock methods in EscrowService with real HTTP calls to backend endpoints:
  • GET /escrows (list with filters/pagination)
  • GET /escrows/:id (detail with relations)
  • POST /escrows (create)
  • POST /escrows/:id/fund (fund)
  • POST /escrows/:id/release (release)
  • POST /escrows/:id/cancel (cancel)
  • POST /escrows/:id/dispute (file dispute)
  • POST /escrows/:id/conditions/:conditionId/fulfill (fulfill)
  • POST /escrows/:id/conditions/:conditionId/confirm (confirm)
  • GET /escrows/:id/events (event history)
• Implement the auth flow: POST /auth/challenge -> sign with wallet -> POST /auth/verify -> store JWT
• Replace mock useWallet hook usage with real useWalletConnection from WalletContext
• Add proper error handling, loading states, and retry logic in React Query hooks
• Add token refresh logic using the refresh token endpoint

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 150 Points.

🧑‍💻 Interested in contributing? Apply to work on this issue on Drips Wave, earn points, and receive rewards.

Warning

Only applications submitted via the apply link above will be considered. Please do not apply by commenting on the issue or opening a PR directly.

🤠 Repo maintainers: You can manage this issue's Points and Complexity on your Maintainer Dashboard here. Please keep an eye on applications and respond quickly 💙

ℹ️ Learn more about Drips Wave

[fawizzy]

@fawizzy has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

Hi!

I’d be glad to take this on. I’ve worked on a few collaborative projects, so I’m comfortable picking up requirements, asking the right questions when needed, and delivering focused, well-scoped solutions.

I’m a full-stack developer, working across both backend and frontend. I mostly use React, TypeScript, Node.js, and Rust, and I enjoy building scalable features and working closely with others to ship solid, reliable code.

ℹ️ Repo Maintainers: To accept this application, review their application or assign @fawizzy to this issue.

[OSEH-svg]

@OSEH-svg has applied to work on this issue as part of the Stellar Wave Program's 3rd wave.

good day, I'd like to work on this issue. im a frontend developer with 5 years of experience

ℹ️ Repo Maintainers: To accept this application, review their application or assign @OSEH-svg to this issue.

[drips-wave]

Congratulations, @fawizzy! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on March 30, 2026.

🧑‍💻 @fawizzy: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

Warning

When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

🌊 Happy Wave 🌊