Test for Mobile Responsiveness

Description

This is a repetitive task to ensure that all UI components and pages work correctly on mobile devices.
This issue does not get closed after one test; it's a recurring reminder to test mobile responsiveness as new features are developed.

Guidelines

• Test all new components, pages, and features on mobile screen sizes (e.g., 375px for iPhone X).
• Check for:
  • Proper layout and alignment.
  • Usability (e.g., buttons are tappable, text is readable).
  • No visual glitches (e.g., overflows, cut-off content).

Notes

• Add specific issues if a bug or layout problem is identified during testing.
• Use tools like Chrome DevTools or BrowserStack for testing multiple screen sizes.