Web IDE causes browser to become unresponsive when opening directory with large number of files
<!---
Please read this!
Before opening a new issue, make sure to search for keywords in the issues
filtered by the "regression" or "bug" label.
For the Community Edition issue tracker:
- https://gitlab.com/gitlab-org/gitlab-ce/issues?label_name%5B%5D=regression
- https://gitlab.com/gitlab-org/gitlab-ce/issues?label_name%5B%5D=bug
For the Enterprise Edition issue tracker:
- https://gitlab.com/gitlab-org/gitlab-ee/issues?label_name%5B%5D=regression
- https://gitlab.com/gitlab-org/gitlab-ee/issues?label_name%5B%5D=bug
and verify the issue you're about to submit isn't a duplicate.
--->
### Summary
When opening a directory with a large number of files, the browser becomes unresponsive. If you give it enough time, the browser becomes responsive again and the web IDE does function but with a noticeable amount of lag.
A customer [reported](https://gitlab.zendesk.com/agent/tickets/122327) (Zendesk, internal use only), and it was seen on a support call with them, that their browser crashes when opening a directory with approximately 11,000 files. This is affecting their workflow as their developers are unable to commit code to that directory using the Web IDE.
### Steps to reproduce
1. Have a project with a very large number of files in a directory
1. Open the project in web IDE
1. Open the directory
### Example Project
https://gitlab.com/weimeng/web-ide-test-large-files
### What is the current *bug* behavior?
The browser is not responsive while the directory contents are being loaded.
### What is the expected *correct* behavior?
The browser should remain responsive while the directory contents are being loaded.
### Relevant logs and/or screenshots
N/A
### Output of checks
This bug happens on GitLab.com
### Possible fixes
(If you can, link to the line of code that might be responsible for the problem)
issue