Connect blob page to Vue Router and use it to generate axios request url
<!--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=332736)
</details>
<!--IssueSummary end-->
When uploading a blob modal, the request path is generated from Vue router.
https://gitlab.com/gitlab-org/gitlab/blob/9860379415fbf3d168eede7e8bcceabae4934ede/app/assets/javascripts/repository/components/upload_blob_modal.vue#L194
```
const {
$route: {
params: { path },
},
} = this;
const uploadPath = joinPaths(this.path, path);
return this.submitRequest('post', uploadPath);
```
In this MR > https://gitlab.com/gitlab-org/gitlab/-/merge_requests/62880, we added support for "replacing a blob". The request path is based on the prop `replacePath` that is coming from HAML's data attribute. Let's instead make it consistent with the behaviour of "uploading" and switch it to use Vue router.
1. Connect Vue router to blob show page > `app/assets/javascripts/pages/projects/blob/show/index.js`
2. Remove `replacePath
3. Create the axio request url from the path information of Vue router.
issue