[JENKINS-71794] Redesign executors widget | UX

[niralmaruda]

Fixes: JENKINS-71794
The current executors widget layout contains a lot of unnecessary free space. Refer JENKINS-71794 for more details.

The changes are implemented in both PR:core as well as PR:workflow-durable-task-step-plugin to maintain consistency in design. But if any downgraded version of core is used then user will still see the inconsistency in design as shown in second image.

Testing done

This is how it'll display if used with downgraded core version.

Submitter checklist

Preview Give feedback

1. Make sure you are opening from a topic/feature/bugfix branch (right side) and not your main branch!
2. Ensure that the pull request title represents the desired changelog entry
3. Please describe what you did
4. Link to relevant issues in GitHub or Jira
5. Link to relevant pull requests, esp. upstream and downstream changes
6. Ensure you have provided tests - that demonstrates feature works or fixes the issue

[NotMyFault]

How well does that look with folders¿

[niralmaruda]

How well does that look with folders¿

@NotMyFault folders? not sure about that.

[jglick]

To avoid confusion, please rename the Jira issue and this PR to clarify that you are patching the executor widget, not the build queue widget.

[NotMyFault]

How well does that look with folders¿

@NotMyFault folders? not sure about that.

I took a look yesterday creating a longer folder name with several names and it seems to push the progress bar below the text and make the breadcrumbs invisible.

Can you take a look? It feels this makes the current implementation worse than improving it, but these are just my thoughts.

[niralmaruda]

How well does that look with folders¿

@NotMyFault folders? not sure about that.

I took a look yesterday creating a longer folder name with several names and it seems to push the progress bar below the text and make the breadcrumbs invisible.

Can you take a look? It feels this makes the current implementation worse than improving it, but these are just my thoughts.

Sure, I'll take a look into it.

[abhishekmaity]

/label web-ui

[github-actions]

Please take a moment and address the merge conflicts of your pull request. Thanks!