Improve Runner detail page

Improve Runner detail page

The goal of this issue is to track the changes for the Runner detail page. There are several components that can be migrated to shared components to bring the page in sync with the design system and with other parts of our product.

Reorg runner meta information

  • Move description on top
  • Show runner information in two columns (depending on viewport size)

Layout changes

  • Use pageHeading component
  • Remove tabs
  • Show «Jobs» in a Crud on the same page
  • Change «Assigned projects» to use Crud
    • Hide section if no runners are defined
  • Change «Runners» to use Crud
    • Hide section if no runners are defined

Misc changes (can be handled individually in a follow-up)

  • Alter page title to include «Runner»
  • Update breadcrumb to reflect title change
  • Change tags to use default label instead of info
Before After
Screenshot_2025-03-20_at_16.18.15 Screenshot_2025-03-20_at_16.13.25
Screenshot_2025-03-20_at_16.18.26
Group
Screenshot_2025-03-20_at_16.11.53 Screenshot_2025-03-20_at_16.08.43
Empty state
Screenshot_2025-03-20_at_16.12.19 Screenshot_2025-03-20_at_16.05.05

Related to #512693 (closed)

Edited by Sascha Eggenberger