Uiux/governance vote receipt

[VictorEzenma]

Governance Vote Receipt Component Implementation

I have implemented the GovernanceVoteReceiptModal component, which provides users with a clear, accessible confirmation after casting a vote in the
governance module.

Implementation Details

Component: src/components/GovernanceVoteReceiptModal.tsx

• Purpose: Displays proposal title, vote choice, timestamp, transaction hash, and status.
• Key Features:
  • Transaction Hash Actions: Includes truncation of the transaction hash, a "Copy" button (with visual feedback), and a link to view the
    transaction on an external explorer.
  • Accessibility: Built using the WAI-ARIA dialog pattern, with proper aria-labelledby and aria-describedby labeling.
  • Focus Management: Traps focus within the modal when open and handles escape key dismissal.
  • Styling: Consistent with the project's design system, using Tailwind CSS for a responsive layout compatible with both light and dark modes.

Testing: src/components/GovernanceVoteReceiptModal.test.tsx

• Coverage: Verifies correct rendering of all receipt details and validates functional requirements (e.g., successful copying of the transaction
  hash to the clipboard).

Documentation: docs/uiux/governance-vote-receipt.md

• Guidance: Documented component usage, props interface, accessibility standards, and design integration in the project design system documentation.

closes #249

[drips-wave]

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