Defer rendering of large files

[ch-iv]

Proposed Changes

Fixes #5404 by implementing a client-side limit on the size of the submission files that are rendered in the submission file viewer. The max file size limit prevents the downloading of the file contents on the client. The file sizes are hardcoded in the FileViewer component.

When trying to a load a file that is too large the following message is displayed in the submissions file viewer panel.

The styling on the message is minimal, but it matches the style of the already present loading message.

Type of Change

(Write an X or a brief description next to the type or types that best describe your changes.)

Type	Applies?
🚨 Breaking change (fix or feature that would cause existing functionality to change)
✨ New feature (non-breaking change that adds functionality)	x
🐛 Bug fix (non-breaking change that fixes an issue)
🎨 User interface change (change to user interface; provide screenshots)
♻️ Refactoring (internal change to codebase, without changing functionality)
🚦 Test update (change that only adds or modifies tests)
📦 Dependency update (change that updates a dependency)
🔧 Internal (change that only affects developers or continuous integration)

Checklist

(Complete each of the following items for your pull request. Indicate that you have completed an item by changing the [ ] into a [x] in the raw text, or by clicking on the checkbox in the rendered description on GitHub.)

Before opening your pull request:

• I have performed a self-review of my changes.
  • Check that all changed files included in this pull request are intentional changes.
  • Check that all changes are relevant to the purpose of this pull request, as described above.
• I have added tests for my changes, if applicable.
  • This is required for all bug fixes and new features.
• I have updated the project documentation, if applicable.
  • This is required for new features.
• If this is my first contribution, I have added myself to the list of contributors.

After opening your pull request:

• I have updated the project Changelog (this is required for all changes).
• I have verified that the pre-commit.ci checks have passed.
• I have verified that the CI tests have passed.
• I have reviewed the test coverage changes reported by Coveralls.
• I have requested a review from a project maintainer.

Questions and Comments

(Include any questions or comments you have regarding your changes.)

[coveralls]

Pull Request Test Coverage Report for Build 11622037897

Details

• 43 of 45 (95.56%) changed or added relevant lines in 3 files are covered.
• No unchanged relevant lines lost coverage.
• Overall coverage increased (+0.02%) to 91.67%

---

Changes Missing Coverage	Covered Lines	Changed/Added Lines	%
app/assets/javascripts/Components/Result/file_viewer.jsx	11	13	84.62%

Totals
Change from base Build 11545120245:	0.02%
Covered Lines:	40706
Relevant Lines:	43735

---

💛 - Coveralls

[david-yz-liu]

@ch-iv nice job!