Responsive layout issue: Active Users table overflows on mobile view

[MohammedMogeab]

Description
When viewing the Active Users table on mobile devices, the layout breaks and content overflows horizontally. Several columns (especially City and Phone) are cut off and not fully visible. There is no horizontal scroll, making the data unreadable on smaller screens.
Additionally, the “Active Users” heading appears duplicated, which may indicate a layout or component rendering issue.
Steps to Reproduce
Open the dashboard page on a mobile device (or use browser mobile view).
Navigate to the Blog Posts → Add New Post page.
Scroll to the Active Users table.
Expected Behavior
The table should be fully readable on mobile.
Either:
Enable horizontal scrolling for the table, or
Stack columns / use a responsive table layout.
Headings should appear only once.
Actual Behavior
Table columns overflow the screen width.
Phone numbers and city names are partially hidden.
No horizontal scroll is available.
“Active Users” title appears twice.
Environment
Device: Mobile (Android)
Browser: Chrome (mobile)
Screen width: Small / mobile viewport