feat: creator portfolio stats, invoice comparison, widgets builder, payer reputation (#806 #807 #808 #809)

[borix-coder]

Summary

This PR implements four features from the Drips Wave program:

---

#806 — Creator Portfolio Page with Statistics

Enhanced the creator profile page at /creator/[address] with a rich portfolio statistics view:

• Tabbed layout — "Invoices" tab and a new "Portfolio Stats" tab
• Reputation gauge — animated SVG ring visualising the score (0–100)
• Status distribution chart — CSS bar chart showing breakdown by invoice status
• Activity summary grid — active, overdue, released, pending, cancelled counts + avg funding %
• Status filter chips — filter the invoice list by status with live counts
• Deadline date on every invoice card

---

#807 — Invoice Comparison Tool — Side-by-Side View

Replaced the two-column card layout in CompareInvoicesView with a structured table comparison:

• 3-column data table (Field / Invoice A / Invoice B) — easier to scan
• Yellow ring highlight (ring-2 ring-yellow-400/60) on any field that differs
• Diff-only toggle — show all fields or only the ones that differ
• Delta summary bar — shows: number of differences, amount Δ, funded Δ, progress Δ

---

#808 — Custom Dashboard Widgets Builder

New DashboardWidgetsBuilder component at /settings/widgets:

• 8 configurable widgets (Total Invoices, Volume, Completion Rate, Active, Overdue, Pending Payments, Activity Feed, Quick Links)
• Toggle on/off each widget via an accessible switch
• Size selector — Small (1 col) / Medium (2 cols) / Large (full width)
• Reorder widgets with up/down buttons
• Live layout preview showing the enabled widgets in their chosen sizes
• Persisted to localStorage — layout survives page refresh
• Link added to /settings

---

#809 — Payer Reputation Scores Display

New PayerReputationDisplay component and dedicated /reputation page:

• Score ring — SVG gauge coloured by tier (Elite / Trusted / Established / Emerging / Untrusted)
• Metrics grid — invoices paid, on-time rate, volume, dispute record
• Score breakdown bar with progress indicator
• Compact badge mode for inline use (shown next to payer addresses in payment history)
• /reputation page — leaderboard of top payers, address lookup, full score breakdown, and scoring methodology explainer
• Scoring formula: on-time payment rate 40% · dispute win rate 30% · volume component 20% · activity bonus 10%
• Compact badge integrated into RecipientPaymentHistory payer rows
• Reputation link added to the main Navbar

---

Files changed

File	Change
src/app/creator/[address]/CreatorProfileClient.tsx	Enhanced with tabs, gauge, chart, filters
src/components/CompareInvoicesView.tsx	Rewritten as table diff with toggle
src/components/DashboardWidgetsBuilder.tsx	New component
src/app/settings/widgets/page.tsx	New page
src/app/settings/widgets/DashboardWidgetsBuilderPage.tsx	New client wrapper
src/app/settings/page.tsx	Added Widgets link
src/components/PayerReputationDisplay.tsx	New component
src/app/reputation/page.tsx	New page
src/app/reputation/PayerReputationPage.tsx	New client page
src/components/Navbar.tsx	Added Reputation nav link
src/components/invoice/RecipientPaymentHistory.tsx	Compact badge on payer rows

---

Closes #806
Closes #807
Closes #808
Closes #809

[vercel]

@borix-coder is attempting to deploy a commit to the kingsman-99's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@borix-coder Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits