feat: Enhanced Hover States for Transaction History Table

[Bhenzdizma]

Updated hover states for the Transaction History Table to improve UX/UI and ensure consistency with the Drips Wave (Pluto) theme.

✨ Changes Made

1. Enhanced Table Row Hover Effects
   Added smooth 200ms transitions with ease-in-out timing
   Implemented subtle shadow (shadow-sm) for depth perception
   Added 2px left border accent using Pluto-500 brand color
   Included active states with scale effect (scale-[0.995]) for tactile feedback
2. Improved Button Hover States
   Applied Pluto theme colors (Pluto-50 background, Pluto-400 border, Pluto-700 text)
   Added shadow and scale effects for better interactivity
   Enhanced arrow animation on payment history page (translates right on hover)
3. Mobile Optimization
   Active states provide clear feedback on touch devices
   Maintained minimum touch target sizes (44x44px)
   Touch-optimized with touch-manipulation class
   📁 Files Modified
   RecentPayments.tsx

• Updated hover states for reusable component
  frontend/src/app/(authenticated)/payment-history/page.tsx - Enhanced dedicated history page
  📝 Documentation & Tests
  Created comprehensive documentation: TRANSACTION_HISTORY_HOVER_STATES.md
  Added Playwright test suite:
  transaction-history-hover.spec.ts
  🎨 Theme Integration
  All hover states now use Pluto color palette variables:

var(--pluto-500) - Primary brand accent
var(--pluto-50) - Subtle backgrounds
var(--pluto-400) - Interactive borders
var(--pluto-600-800) - Text colors
✅ Testing
Desktop hover states verified
Mobile touch interactions tested
Smooth transitions (200ms)
Theme color consistency
Keyboard navigation maintained
WCAG AA accessibility compliance
🚀 Performance
GPU-accelerated CSS transitions
No JavaScript overhead
Minimal repaints with transform-based animations

closes #539

[vercel]

@Bhenzdizma is attempting to deploy a commit to the Emmanuel's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

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