Runner detail jobs overhaul, Part 1: Wrap jobs in Crud

What does this MR do and why?

Runner detail jobs overhaul, Part 1: Wrap jobs in Crud

• Wraps Jobs into the Crud component
• Changes shown jobs from 30 to 20

Note this is Part 1 of 3 (see below).

References

• UX was approved via main MR (this MR)
• Part 2: Runner detail jobs overhaul, Part 2: Show jobs ... (!187327 - closed)
• Part 3: Draft: Runner detail jobs overhaul, Part 3: Rem... (!187145 - closed)

Screenshots or screen recordings

Before	After

How to set up and validate locally

1. Go to an instance runner, e.g. https://gdk.test:3000/admin/runners/44#/jobs
2. Go to a group runner, e.g. https://gdk.test:3000/groups/flightjs/-/runners/35
3. Go to a project runner, e.g. https://gdk.test:3000/flightjs/Flight/-/runners/34

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #512693 (closed)