fix(ui): improve responsive dashboard scaling and layout

[e35ventura]

Summary

Improves the responsive scaling and layout of the dashboard components across different viewports.

Specifically:

• Brought the side-by-side breakpoint for heatmap and trend charts down to sm (600px).
• Increased the width of the trend cards across smaller viewports for better line chart legibility.
• Hid the trend line charts entirely on mobile (xs) as they were too narrow to convey meaningful data.
• Fixed PRStatusChart overflow by explicitly bounding the SVG containers, setting minWidth: 0, and implementing dynamic scaling for fonts (percentages and tier labels).
• Enforced uniform 2-line structure for the "ACTIVE (Paid)" and "UNRANKED (Unpaid)" headers on all screens smaller than xl.
• Updated root DashboardPage padding and layout overflow rules to prevent clipping on 1024px-1440px widths.

Related Issues

N/A

Type of Change

• Bug fix
• Refactor

Screenshots

Desktop View (1920x1080)

Tablet/Mid-Size View (1024px width)

Mobile View

Miner Details Page

Checklist

• New components are modularized/separated where sensible
• Uses predefined theme (e.g. no hardcoded colors)
• Responsive/mobile checked
• Tested against the test API
• npm run format and npm run lint:fix have been run
• npm run build passes
• Screenshots included for any UI/visual changes