Use Vue component for file diffs header
<!--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=29035)
</details>
<!--IssueSummary end-->
## Summary
The new merge request diff header.
## Improvements
The diff header for submitted merge requests has been refactored to use `diff_file_header.vue`. New merge requests should do the same.
## Risks
I don't believe there are any risks as this has already been done for submitted MRs and the functionality is the same.
## Involved components
app/assets/javascripts/diffs/components/diff_file_header.vue
app/views/projects/diffs/_file_header.html.haml
## Optional: Intended side effects
The file diffs headers should match.
## Optional: Missing test coverage
N/A
issue