Add responsive/mobile layout for the analytics dashboard

[phertyameen]

Description

Adjust the analytics dashboard grid and chart components to be usable on tablet-width viewports (charts stack vertically, controls collapse into a menu).

Why this matters

Staff sometimes check dashboard numbers from a tablet; the current layout assumes a wide desktop viewport.

Files to touch

• frontend/src/app/analytics/page.tsx
• frontend/src/app/analytics/layout.tsx

Acceptance Criteria

• Dashboard is usable (no horizontal scroll, readable charts) at 768px width
• Controls remain reachable without overlapping chart content

Notes

This issue is part of the new analytics module effort (tracking, aggregation,
and reporting on player/game activity). Please keep new code inside
backend/src/analytics/ following the same module/controller/service/provider
layout used by existing modules (e.g. progress, streak, quests).

[temisan0x]

Hi! I'd like to take this issue. I've gone through the requirements and I'm confident I can implement a solution. ETA: 12 hours.

[glorious21-coder]

Hi, I’d appreciate the opportunity to contribute to this issue. I’m detail-oriented and committed to delivering quality work.

[Okorie2000-code]

Hi maintainer, I will love to work on this issue. Please assign it to me.
I can submit a clean PR within 48hrs.

[nurudeenheroic]

Hi! I've gone through the issue and understand what's required. I'm confident I can deliver an efficient solution that meets the expectations.

[Ummi-001]

Hi, I am a full stack developer I would really like to contribute on this project, as I clearly understand what is needed to be done.

If available, please assign it to me.
ETA is in 2 hours

[grantfox-oss]

🦊 GrantFox — @Ummi-001 has been assigned to this issue as part of the Official Campaign | FWC26 campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #577)
2. Your PR will be reviewed by the MindBlockLabs maintainers

Good luck! Track your progress on GrantFox.