Redesign EZWallet main and claim pages with polished black-and-silver UX

[tacticalnoot]

Motivation

• Make the EZWallet experience professional, straightforward, and user-friendly for both creators (main page) and claimants (drop page).
• Move away from a wireframe look to a clean 4-step flow with clearer hierarchy, readable copy, and a polished black/silver visual system.
• Preserve existing behavior (QR generation, link copy, wallet connect, batch CSV export, and checkout) while improving clarity and trust signals.

Description

• Reworked the main app layout in src/experiments/ezwallet/EZWalletApp.svelte into four clear panels (1: Claim setup, 2: Share & preview, 3: Batch generator, 4: Upgrade options) with updated markup and a black-and-silver card visual system.
• Rebuilt the claim page in src/experiments/ezwallet/EZWalletDropApp.svelte with a focused claim card, structured details (dl grid), improved error/empty states, clearer safety messaging, and new actions (Connect wallet, Copy claim link).
• Added helper UI behavior: a copyIntent action and prettyMode formatter on the drop page, and kept makeOne, bulk, downloadCsv, and checkoutSelectedTier behavior intact on the main page.
• Minor CSS compatibility fix to include the standard background-clip alongside -webkit-background-clip.

Testing

• Ran an automated type/style check with pnpm -s check, which surfaced pre-existing repo-wide Svelte/TypeScript errors and warnings and reported failure (21 errors, 13 warnings); the failures are in unrelated parts of the repo.
• No functional regressions were introduced to the EZWallet intent flow during the changes and basic UI interactions (QR generation, link copy, wallet connect, batch CSV export, checkout link) were preserved by code review.

---

Codex Task

[cloudflare-workers-and-pages]

Deploying smol-fe with    Cloudflare Pages

Latest commit:	83a8cf8
Status:	⚡️  Build in progress...

View logs

[chatgpt-codex-connector]

💡 Codex Review

Here are some automated review suggestions for this pull request.

Reviewed commit: 83a8cf8b3a

ℹ️ About Codex in GitHub

Your team has set up Codex to review pull requests in this repo. Reviews are triggered when you

• Open a pull request for review
• Mark a draft as ready
• Comment "@codex review".

If Codex has suggestions, it will comment; otherwise it will react with 👍.

Codex can also answer questions or update the PR. Try commenting "@codex address that feedback".

[chatgpt-codex-connector]

Copy the full claim URL instead of only payload

The new “Copy claim link” action writes only the raw p payload to the clipboard, not the actual /labs/ezwallet/drop?p=... URL. In this flow, users who click this button and share what they copied will send an undecodable fragment instead of a working claim link, which breaks the share/reopen use case that the button label promises.

Useful? React with 👍 / 👎.