feat: add empty state illustration and message when no proposals exist (#7)

[Wiseman52]

Overview

This PR replaces the plain grey "No active proposals" text on the dashboard with a proper empty state — an icon, a short heading, an explanatory sub-text, and a "Create proposal" button. This helps new users understand what to do and makes the app feel polished when no proposals exist.

Related Issue

Closes #7

Changes

• [MODIFY] frontend/src/pages/DashboardPage.tsx — Replace the plain <p>No active proposals</p> block with a centred empty-state block containing:

  • A decorative document icon (inline SVG)
  • A heading: "No active proposals"
  • A one-line sub-text: "Proposals let signers vote on transactions before they execute."
  • A "Create proposal" button that calls the existing onCreateProposal prop
  • Generous vertical padding (py-20) so it occupies roughly the same space as 2–3 ProposalCard placeholders

• [FIX] frontend/src/components/CreateRecurringPaymentModal.tsx — Fixed pre-existing merge corruption (duplicate JSX blocks and function declarations) that caused TypeScript build errors.

• [FIX] frontend/src/lib/contract.ts — Removed duplicate function implementations (getOwnerWeight, getTotalWeight, getRequiredQuorumWeight, getProposalApprovalProgress), fixed mapCategory casing.

• [FIX] frontend/src/lib/submit.ts — Removed duplicate function implementations (createPauseRecurringProposal, createResumeRecurringProposal, createCancelRecurringProposal, createModifyRecurringProposal).

• [FIX] frontend/src/pages/OwnersPage.tsx — Fixed broken merge corruption (undefined variables, duplicate identifiers).

• [FIX] Various files — Removed unused imports (React from GovernanceHealthWidget, GovernanceImpactBadge, WhaleWarningBadge), fixed missing recharts dependency, added category field to Proposal type, fixed HistoryPage category filter casing.

Verification Results

Build check:

✅ npm run build — 0 TypeScript errors (was 40+ before)
✅ Vite build — built successfully in ~1.4s

Test check:

✅ npm test — 114/127 tests passing
✅ 5 failed test files (down from 10 on main — net improvement)
✅ 13 failed tests (same count as main — all pre-existing)

Visual verification:

• Empty state visible when no active proposals exist
• Contains icon + heading + sub-text + "Create proposal" button
• Clicking button opens the create-proposal modal (same as existing "+ New" button)
• Empty state hidden when proposals are present

Acceptance Criteria

Criteria	Status
Empty state block visible instead of plain text	✅ Done
Contains icon, heading, sub-text, and "Create proposal" button	✅ Done
Clicking "Create proposal" opens the create-proposal modal	✅ Done
Empty state not rendered when proposals are present	✅ Done
Project builds with no TypeScript errors	✅ Done (0 errors)

[drips-wave]

@Wiseman52 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

[vercel]

@Wiseman52 is attempting to deploy a commit to the thegreatfeez's projects Team on Vercel.

A member of the Team first needs to authorize it.