Use rich file icons in find file rows
<!--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=213089)
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=213089)
</details>
<!--IssueSummary end-->
With https://gitlab.com/gitlab-org/gitlab/-/merge_requests/28112 we will be using our rich file icons for the repository tree rows. To be consistent across the app we should also update https://gitlab.com/gitlab-org/gitlab/-/find_file/master to use these icons.
## Solution
Our rich file icons exist mainly in Vue, so I wonder if in this case it is easier and less hacky to re-write this page to be a Vue app.
/cc @andr3
issue