Fix duplicate overflow causing double scrollbars on users table mobile view

[Copilot]

Users table displayed two horizontal scrollbars on mobile devices (≤768px) due to duplicate overflow-x: auto declarations on nested elements.

Changes

• Removed duplicate overflow styling from table element in mobile breakpoint
• Retained overflow-x: auto on .users-table container only

Technical Details

The mobile media query had redundant overflow declarations:

/* Before */
@media (max-width: 768px) {
    table {
        display: block;
        overflow-x: auto;  /* ← Creates scrollbar #1 */
    }
    
    .users-table {
        overflow-x: auto;  /* ← Creates scrollbar #2 */
    }
}

/* After */
@media (max-width: 768px) {
    table {
        font-size: 0.875rem;
    }
    
    .users-table {
        overflow-x: auto;  /* Single scrollbar */
    }
}

Container-level overflow is sufficient since table has min-width: 900px and .users-table provides the scrolling context.

Original prompt

---

This section details on the original issue you should resolve

<issue_title>Users Table Mobile Layout</issue_title>
<issue_description>When accessing the users page from a mobile device, a visual issue has been observed. Specifically, the display presents two horizontal scrollbars instead of the expected single scrollbar, which negatively impacts the user experience on smaller screens.</issue_description>

Comments on the Issue (you are @copilot in this section)

• Fixes Users Table Mobile Layout #45

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

[Stage4000]

@copilot The current implementation of the leaderboard page causes an unnecessary full page refresh whenever the user modifies the filter settings. This results in a poor user experience due to the interruption of the ongoing session and the delay associated with reloading the entire page. It would be beneficial to implement a solution that updates the leaderboard data without requiring a complete page refresh, such as using AJAX or WebSockets to update only the relevant leaderboard content. This approach would provide a smoother and more responsive user interface.

[Copilot]

@copilot The current implementation of the leaderboard page causes an unnecessary full page refresh whenever the user modifies the filter settings. This results in a poor user experience due to the in...

This PR specifically fixes the double scrollbar issue on the users table mobile layout. The leaderboard filtering enhancement you're describing is a separate feature that would be better tracked as a new issue. Would you like me to create a new issue or PR to implement AJAX-based filtering for the leaderboards page?