created approval status widget

[arandomogg]

closes #175

ApprovalStatusWidget Component

Overview

Created a new ApprovalStatusWidget component for displaying approval statuses across different roles.

Features

• Role Status Display: Shows required, given, and pending approvals in separate sections
• Visual Indicators:
  • Clock icon for pending approvals
  • Green checkmark for approved
  • Red X for rejected
• User Identification: Avatar images with fallback to initial-based avatars
• Accessibility: Full aria-label support for each approval row
• Empty State: Graceful handling when no approvals are present

Changes

• src/components/ApprovalStatusWidget.tsx - New widget component
• src/components/icons/StatusIcons.tsx - Added XCircleIcon for rejected status

Design

• Built with Tailwind CSS for consistent styling
• Responsive layout with hover states
• Matches existing design patterns in the codebase

[drips-wave]

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