# Overtime Delegation History Enhancements

Successfully enhanced the **Online Overtime History** section with interactive features and detailed tracking.

## Changes Made

### Premium Interactive Maps
- **Premium UI**: Added a blurred backdrop (`BackdropFilter`) and smooth scale/fade animations for a high-end feel.
- **Enhanced Controls**: 
    - Custom zoom in/out buttons with modern styling.
    - Added a **Recenter** button to quickly snap back to the original location.
    - Animated map marker for better visual feedback.
- **Full Interaction**: Tapping any mini-map opens the large popup with full pan/zoom capabilities.

### Status Timeline
- Implemented a detailed vertical timeline for each history item.
- The timeline covers the entire delegation lifecycle:
    1. **Delegation** (Submitted)
    2. **Approval Delegate**
    3. **Execution Delegation**
    4. **Approval Atasan 1**
    5. **Approval Atasan 2**
    6. **Approval Staff HR**
    7. **Done**
- **Smart Logic**:
    - Completed steps are marked with a red check icon.
    - Current/Pending steps are marked with an animated-style pulse icon.
    - Future steps are greyed out.
    - **Rejection Handling**: If a delegation is rejected (status 6), the timeline clearly marks the rejection with a red 'X' and displays the rejection comment.

### Cancel Delegation
- Added a **Cancel Delegation** button to history items that are in the "Pending Approval" state.
- **Rejection Dialog**: Tapping the button opens a dialog where the user must provide a reason for cancellation.
- **API Integration**: 
    - Calls `rejectOvertime` which triggers the `CancelbyApproval` endpoint.
    - Sends the rejection reason and the current user's NIK as the rejector.
- **Real-time Feedback**: Upon successful cancellation, the list automatically refreshes, and the status changes to "Cancelled/Rejected" in the timeline.

## Verification Results

### UI Components
- [x] Map dialog opens and closes correctly.
- [x] Zoom controls on the map popup are functional.
- [x] Timeline steps are aligned and visually distinct.
- [x] Timeline correctly reflects "Approved" (Done) and "Rejected" states.

### Logic
- [x] Fallback logic handles cases where specific step data might be missing by inferring from the overall status.