Add `cancel jobs button` to job table tabs

What does this MR do and why?

This is one step to refactor the jobs view for admins from haml to vue. The old haml implementation showed a cancel jobs button when there were pending or running jobs in the list. This MR rebuilds this function in vue/js

Adds cancel job button to job table tabs

Original MR

Implementation plan

FF

🛠 with ❤ at Siemens

Screenshots or screen recordings

Before:

After (only button, ignore the filter):

How to set up and validate locally

1. Run test

OR

1. type in the console:

rails c

2. then:

job = Ci::Build.first
job.status = 'pending'
job.save

3. go to: gitlab.example.com/admin/jobs (or whatever instance url you have -> Admin Area > CI/CD > Jobs)

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

• I have evaluated the MR acceptance checklist for this MR.