[SPIKE] Improve performance with shared GraphQL query for blob header area and blob content viewer
<!--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=521376)
</details>
<!--IssueSummary end-->
With blob controls being moved from the viewer to the header area, the [getBlobControls query](https://gitlab.com/gitlab-org/gitlab/-/blob/29f210e5934f44b45536c1f3d731d9e82940715a/app/assets/javascripts/repository/queries/blob_controls.query.graphql) is becoming very similar to [getBlobInfo shared query](https://gitlab.com/gitlab-org/gitlab/-/blob/b312e68b220a037cd33a1ce1baa0328d770cf6cc/app/graphql/queries/repository/blob_info.query.graphql). Essentially making as fetch the same information twice.
Let's find a way to call it once. Should we refactor to one Vue app for the whole blob page? Is there another way to limit the number of requests?
issue