Implement hover pre-load in repository file tree browser (improves perceived performance)
<!--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>
- [Work on this issue](https://contributors.gitlab.com/manage-issue?action=work&projectId=278964&issueIid=541108)
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=541108)
</details>
<!--IssueSummary end-->
### Summary
This is [part of a bigger effort](https://gitlab.com/groups/gitlab-org/-/epics/17781) to implement a file tree browser (FTB) in the repository.
As part of this issue we should implement the [hover load directive](https://gitlab-org.gitlab.io/gitlab-ui/?path=/docs/directives-hover-load-directive--docs) in the FTB, ensuring the directory/blob is pre-loaded before users click on it.
#### Notes
We already use this directive on the [repository file tree row](https://gitlab.com/gitlab-org/gitlab/-/blob/1c818e3dc5f7dfe3fd0e8e1b845c4f458e5fa1d7/app/assets/javascripts/repository/components/table/row.vue#L216), we can use the same implementation for the repository FTB.
issue