Add wallet connection guard to Distribution and Payment Stream pages

[pragmaticAweds]

Context

The Offramp page properly checks isConnected and shows a "Connect Wallet" prompt when the user's wallet is disconnected (see offramp/page.tsx lines 85-130). However, the Distribution and Payment Stream pages let users fill out entire forms without a wallet connected. When they hit "Distribute Token" or "Create Stream", the transaction will fail because there's no signing wallet. This creates a frustrating experience — users do work that gets thrown away.

What Success Looks Like

• Distribution and Payment Stream pages show a wallet connection prompt (consistent with the offramp page pattern) when no wallet is connected
• The form/content is only rendered when isConnected is true
• The connection prompt uses the same visual pattern as the offramp page for consistency

Implementation Guidance

• apps/web/src/app/(overview)/offramp/page.tsx lines 85-130 — the existing "Connect Wallet" prompt pattern to replicate
• apps/web/src/app/(overview)/distribution/page.tsx — needs the guard wrapping the form
• apps/web/src/app/(overview)/payment-stream/page.tsx — needs the guard wrapping stream creation
• Consider extracting a shared <WalletRequired> component rather than copy-pasting the prompt UI three times
• Use the useWallet() hook from providers/StellarWalletProvider.tsx which exposes isConnected and openModal

[devcarole]

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

I would like to work on this issue. My plan:

• Extract the existing wallet connection prompt from offramp/page.tsx into a shared component to avoid duplication
• Wrap the form content on both distribution/page.tsx and payment-stream/page.tsx with an isConnected check from useWallet(), rendering the shared prompt when disconnected and the form when connected
• Ensure the prompt UI is visually consistent with the existing offramp pattern across all three pages

Tests will cover prompt rendering when wallet is disconnected, form rendering when connected, and consistent appearance across Distribution, Payment Stream, and Offramp pages.

Branch: feat/wallet-connection-guard
Commit: feat(auth) add wallet connection guard to distribution and payment stream pages
PR will include: Closes 4, full PR template, and a screen recording showing the connection prompt on both pages when disconnected and form access after connecting.

Please assign, happy to clarify anything before starting.

Thanks!

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

[drips-wave]

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

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