Dispute page component

[arandomogg]

closes #200

## Dispute Management Features

### Overview
Added dispute management functionality with new components for approval tracking and dispute listing.

### Changes

#### New Components
1. **ApprovalStatusWidget** (`src/components/ApprovalStatusWidget.tsx`)
   - Display approval status across different roles
   - Required, given, and pending approval sections
   - Visual indicators: clock (pending), green checkmark (approved), red X (rejected)
   - Avatar support with fallback initials
   - Full accessibility with aria-labels

2. **MyDisputesPage** (`src/pages/MyDisputesPage.tsx`)
   - List all active disputes at `/disputes` route
   - Display dispute ID, pet name, opponent name, status, and filing date
   - Click to navigate to detailed dispute page (`/disputes/:id`)
   - Full pagination with smart page number display
   - Loading, error, and empty states
   - Responsive design for mobile and desktop

#### Updates
- **StatusIcons.tsx**: Added `XCircleIcon` for rejected approval status

### Features
- Paginated dispute listing (10 items per page)
- API integration with `GET /disputes?page=X&pageSize=10`
- Consistent error handling and loading states
- Tailwind-based responsive design
- Follows existing project patterns and conventions

### API Requirements
- `GET /disputes?page=X&pageSize=10` endpoint for fetching disputes

[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

[amina69]

@arandomogg lint error