[Frontend] Build User Profile and Settings Page

[KuchiMercy]

Summary

There is no user profile or settings page. Users need a central place to manage their wallet connection, view their activity, configure notification preferences, and manage API keys.

Current State

• No /profile or /settings route exists
• Wallet info is only visible in the navbar via WalletButton
• No notification preferences UI
• No API key management UI
• User data (wallet address, role) is only accessible through the auth context

Acceptance Criteria

Profile Page (/profile)

• Display connected wallet address with copy functionality
• Show user role (USER, ADMIN)
• Display account creation date
• Show escrow statistics: total created, active, completed, disputed
• Link to Stellar explorer for wallet address

Settings Page (/settings)

• Notification preferences: toggle email/webhook notifications per event type
• Wire to GET/PUT /notifications/preferences endpoints
• API key management: create, list, revoke API keys
• Wire to API key CRUD endpoints
• Wallet management: disconnect wallet, switch wallet
• Network display (testnet/mainnet indicator)

[drips-wave]

This issue has been added to the Stellar Wave Program and is worth 200 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

[OluwapelumiElisha]

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

Hello team, I can work on this.

I have strong experience building comprehensive user dashboards in Next.js/React, and I can implement a polished User Profile and Settings page that consolidates wallet, notifications, and API key management in a single, user-friendly interface.

For this task, I will:

Profile Page (/profile)

Display connected wallet address with copy-to-clipboard functionality.
Show user role (USER, ADMIN) and account creation date.
Display escrow statistics: total created, active, completed, and disputed.
Provide a link to the Stellar Explorer for the wallet address.

Settings Page (/settings)

Implement notification preferences with toggles for email/webhook notifications per event type, wired to GET/PUT /notifications/preferences endpoints.
Build API key management UI to create, list, and revoke API keys, connected to the backend CRUD endpoints.
Provide wallet management options: disconnect, switch wallets.
Display network indicator (testnet/mainnet).

Additional Features:

Maintain responsive design for desktop and mobile.
Ensure smooth state handling, including loading, errors, and success notifications.
Follow existing design patterns to ensure consistency with the app’s UX and UI.

I focus on creating clear, intuitive, and interactive dashboards, so users can easily manage all their account and wallet-related settings.

I’m ready to implement these pages and deliver a production-ready, polished solution.

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

[Fale1278]

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

Hi! I’d love to take this on.

I have experience building user profile and settings dashboards with wallet integrations, role-based UI, and secure API key management.

My approach would be:

Implement /profile with wallet display (copy + Stellar explorer link), role, account metadata, and escrow statistics
Build /settings with notification preference toggles wired to GET/PUT /notifications/preferences
Add full API key management UI (create, list, revoke) integrated with backend CRUD endpoints
Implement wallet management (disconnect/switch) and clear network indicator (testnet/mainnet)
Ensure clean state management using existing auth context and proper loading/empty states

I’ll focus on secure handling of API keys, clear UX, and proper integration with existing endpoints.

ETA: 2

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

[drips-wave]

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

🧑‍💻 @OluwapelumiElisha: 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 🌊

[drips-wave]

This issue has been marked as completed by a Drips Wave moderator for @OluwapelumiElisha as part of the Stellar Wave Program's 3rd Wave 🥳

Moderator's reason: [Auto-assessed] PR #183 comprehensively implements all requirements for the Profile and Settings pages, including wallet management, escrow statistics, notification preferences, and API key management. The PR has been open for over 9 days without any maintainer objections, exceeding the 24-hour review window.

😎 @OluwapelumiElisha: You earned 200 Points for completing this issue! After the current Wave ends, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.