Wire the Copy link button on the creator profile to the clipboard

[nanaf6203-bit]

Summary
The creator profile page (src/app/u/[username]/page.tsx) renders a "Copy link" button with no onClick handler, so clicking it does nothing, and creators cannot share their tip link from the profile as intended. The page is currently a server component, so the button must be extracted into a small client component (or the page converted) to attach interactivity.

Proposal
Give the button an onClick that writes the profile URL (for example, ${window.location.origin}/u/${username}) to the clipboard via navigator.clipboard.writeText.
Show feedback on success and failure using the existing toast provider (useToast in src/components/ui/toast/ToastProvider.tsx).
Handle the clipboard API being unavailable (for example, an insecure context) gracefully.
Extract the button into a client component so the server-rendered page can remain server-side.
Acceptance criteria

Clicking "Copy link" copies the profile URL to the clipboard.

The user sees success or failure feedback via a toast.

The button fails gracefully when the clipboard API is unavailable.

npm run typecheck passes.

[directorfloo]

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

I would love to work on this issue professionally, please assign it to me

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

[shadrach68]

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

Hi, I am confident that I can resolve this issue as soon as possible if assigned to me because I have the technical expertise to resolve it.

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

[Netty-kun]

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

Hi maintainer, I have read and understood the issue requirements and checked the necessary documentation. I’m confident I can work on this task effectively and deliver a proper solution.
Happy to discuss the approach first if that's useful before I start.

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

[Duyicoda]

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

Hi! I’m a full-stack developer with a strong blockchain background. I’d love to handle this issue and can deliver a clean, reliable solution. Kindly assign it to me.

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

[alexitsejames-cpu]

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

Hi maintainer, can you pls assign these issue to me

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

[drips-wave]

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

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