Natural ordering of filenames in job artifact browser
<!--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=30015)
- [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=30015)
</details>
<!--IssueSummary end-->
Instead of 1,10,2,20 , the files should be sorted 1,2,10,20. So not the ASCII order but natural order.
Screenshot of `11.11.3 `:

Further reading: https://blog.codinghorror.com/sorting-for-humans-natural-sort-order/
### Technical proposal
- Change the `update` hook for the `jobArtifacts` query to sort the artifacts using natural sort. https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/ci/artifacts/components/job_artifacts_table.vue#L89
- The natural sort utility function should live inside the related utility file for the artifacts app https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/ci/artifacts/utils.js
- We should add tests for the natural sort function to ensure it orders how we expect it to. The article provided in the description should help with the implementation details.
Due to the change in the order of the artifacts, the `job-checkbox` component https://gitlab.com/gitlab-org/gitlab/-/blob/master/app/assets/javascripts/ci/artifacts/components/job_artifacts_table.vue#L432 might need to be adjusted so that the checkboxes, when selected, reflect the correct selection from the user.
issue