[Frontend] Add withdraw action to stream detail page

[ogazboiz]

https://t.me/+DOylgFv1jyJlNzM0

Description

The stream detail page does not expose a withdraw action for recipients. This issue adds a Withdraw button visible only to the stream's recipient when there is a non-zero claimable amount. Clicking it calls POST /streams/:id/withdraw, feeds the returned txHash into the existing TransactionTracker component, and handles success/error states gracefully.

Acceptance Criteria

• "Withdraw" button is visible on the detail page only when connectedWallet === stream.recipient and claimableAmount > 0
• Clicking calls POST /api/v1/streams/:id/withdraw; button shows loading spinner during the request
• On success, TransactionTracker is rendered with the returned txHash; claimable amount resets to 0 optimistically
• On error, a toast notification displays the error reason from the API
• React Query cache for the stream and claimable amount is invalidated after success
• Button is disabled while a transaction is in-flight to prevent double-submission

Files to Touch

• src/app/streams/[id]/page.tsx — add Withdraw button and handler
• src/hooks/useWithdrawStream.ts — mutation hook wrapping the API call
• src/lib/api/streams.ts — add withdrawStream(id) API helper
• src/components/TransactionTracker.tsx — confirm it accepts txHash prop (no change expected)

[codefather2026]

@codefather2026 has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

Hi maintainer, i will like to solve this issue

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

[Marvell69]

@Marvell69 has applied to work on this issue as part of the Stellar Wave Program's 4th wave.

hello, i'd like to work on this issue

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

[drips-wave]

Congratulations, @Marvell69! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on April 29, 2026.

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