Create eslint plugin to only allow DOMContentLoaded in imported page modules
<!--IssueSummary start-->
<details>
<summary>
Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards.
</summary>
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=21298)
</details>
<!--IssueSummary end-->
With the recent dispatcher refactor I have noticed that debugging these imported modules can get tricky. As a result, I would like to propose to the team that do not allow DOMContentLoaded for any scripts outside of the `pages/` modules.
I propose for us to write a simple eslint plugin to make this check. We will need to continue refactoring existing use cases of DOMContentLoaded (or add some kind of whitelist) before we add this eslint plugin to gitlab
issue