bug: Lack of Visual Feedback for Button States, Especially on Mobile

[ottodevs]

👤 User Story

As a user of the Pool application, I want clear visual feedback when interacting with buttons, especially on mobile devices, so that I can be confident my actions are being registered.

📝 Bug Description

There is a lack of visual feedback for button states, particularly noticeable on mobile devices. This affects user interaction confidence across all interactive buttons in the application.

🔄 Steps to Reproduce

1. Open the Pool application on a mobile device.
2. Navigate to any page with interactive buttons.
3. Tap on a button and observe the lack of visual feedback.
4. Repeat for various buttons throughout the application.

🎯 Expected Behavior

• Buttons should provide clear visual feedback when pressed, especially on mobile devices.
• There should be distinct visual states for default, hover (if applicable), active/pressed, and disabled button states.
• The visual feedback should be consistent across all interactive buttons in the application.

📸 Screenshots or GIFs

No response

📘 Additional Context

• This issue affects all interactive buttons across the application.
• Implement active or pressed state styles for buttons where possible.
• Consider using CSS transitions or animations to enhance the visual feedback.
• Ensure that the visual feedback is accessible and meets contrast requirements.

🔗 Related Issues

No response

👥 Mention

No response