Fix UI overlap issue on student report page for mobile screen.

[vinutv]

@pupilfirst/developers

Merge Checklist

• Add specs that demonstrate bug / test a new feature.
• Check if route, query, or mutation authorization looks correct.
  • Add tests for authorization, if required.
• Ensure that UI text is kept in I18n files.
• Update developer and product docs, where applicable.
• Prep screenshot or demo video for changelog entry, and attach it to issue.
• Check if new tables or columns that have been added need to be handled in the following services:
  • Users::DeleteAccountService
  • Courses::CloneService
  • Courses::DeleteService
  • Courses::DemoContentService
  • Levels::CloneService
  • Schools::DeleteService
• Check if changes in packaged components have been published to npm.
• Add development seeds for new tables.
• If the updates involve Graph mutations ensure that the files are migrated to the new approach without a mutator.

[cloudflare-pages]

Deploying with    Cloudflare Pages

Latest commit:	c14300b
Status:	✅  Deploy successful!
Preview URL:	https://8a5c0ccc.pupilfirst-docs.pages.dev
Branch Preview URL:	https://issues-1425-mobile-report-ui.pupilfirst-docs.pages.dev

View logs

[bodhish]

LGTM