Make the intent detail page update live instead of one-time fetch

[james2177]

Description: src/app/explore/[id]/page.tsx fetches an intent's details once via useIntent(params.id) with no revalidation, so a user watching a pending intent's detail page will never see it transition to filled/failed without a manual reload. Add live updates using the same REST+WebSocket layering pattern documented for the rest of the app.

Problem Statement & Context: This is the one canonical "watch a specific intent" page in the app, yet it's the only major data view that doesn't follow the project's own documented live-data pattern (docs/architecture.md), making it feel broken relative to the rest of the product once a user actually waits on this page for their swap to settle.

Scope & Acceptance Criteria:

• useIntent (or a new hook) gains either SWR revalidation (refreshInterval) or a WebSocket subscription filtered to the single intent ID, following the existing useIntentFeed/useLiveIntents pattern described in docs/architecture.md.
• The detail page visually reflects a status change (e.g. pending → filled) without a manual reload, including the txHash/settlement link appearing once available.
• Out of scope: changing the WebSocket message schema (FeedItem) on the backend — if per-intent filtering isn't feasible over the existing single shared socket, polling via SWR's refreshInterval is an acceptable fallback; justify the choice in the PR.
• Also fix the missing CopyButton import and copy/copied undefined references currently present in this file's txHash section while you're here.

Implementation Guidelines:

1. Key files: src/hooks/useIntent.ts, src/app/explore/[id]/page.tsx, src/hooks/useWebSocket.ts, docs/architecture.md, docs/websocket-protocol.md.
2. If you add WebSocket-based updates, follow the mergeById/isLive conventions from useLiveIntents.ts so the pattern stays consistent for future maintainers, per the explicit guidance in docs/architecture.md.
3. Edge cases: don't keep polling/subscribed forever once an intent reaches a terminal state (filled/failed) — stop refreshing to avoid wasted requests; handle the intent disappearing/erroring mid-watch.
4. Testing: extend src/app/explore/[id]/page.test.tsx to cover a status transition arriving via the new update mechanism; verify polling/subscription stops after a terminal status in a dedicated test case.

Definition of Done:

• Code written, tested, documented (docs/websocket-protocol.md updated if a new subscription shape is introduced).
• Acceptance criteria met, including the CopyButton/copy-state fix.
• PR passes CI.
• Reviewed and approved.

Resources: docs/architecture.md, docs/websocket-protocol.md, src/hooks/useIntent.ts

Complexity: High (200 points)

[aliyuHabibu]

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

Hi maintainer please assign this issue to me. Thank you

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

[Markadrian6399]

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

I would like work on this issue

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

[drips-wave]

Congratulations, @Markadrian6399! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on August 31, 2026.

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