improve: UX Enhancements in workspace summary

[dominikkawka]

closes: #461, #462, #463,
related: #458

[google-oss-prow]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign ederign for approval. For more information see the Kubernetes Code Review Process.

The full list of commands accepted by this bot can be found here.

Needs approval from an approver in each of these files:

• workspaces/frontend/OWNERS

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

[paulovmr]

Hi @jenny-s51 , could you take a look at these changes please?

/ok-to-test
/assign @jenny-s51

[jenny-s51]

Thank you for making these changes and great work here @dominikkawka ! Just one comment below - I put up a PR to support PF utility classes. Once it's merged you can consume the changes and apply the code suggestions so we follow best practices for Patternfly component styling.

#476 cc @paulovmr , if you could PTAL when you have a moment it would be much appreciated so we can unblock this. Thanks a lot here 🚀

[jenny-s51]

When #476 is merged, we can apply the corresponding utility classes here:

Suggested change

	style={{ fontSize: LargeFontSize.value, fontWeight: BoldFontWeight.value }}
	className="pf-v6-u-font-size-4xl pf-v6-u-font-weight-bold"

[paulovmr]

Thanks @jenny-s51 , #476 is now merged.

[jenny-s51]

Enhancements LGTM @dominikkawka!

Can we get your signoff here as well @tobiastal? Just a quick question for you on the Idle GPU Workspaces too. Currently it looks like this:

For consistency should we update this to be left aligned?

I.e.:

[tobiastal]

Hey @jenny-s51
This all looks amazing! I really love the left-aligned version.
Just one small note- can we make the spacing between the heading and the description consistent across all three items? Specifically, the spacing under “Top GPU Consumer Namespaces” could be a bit tighter to match the others.

[jenny-s51]

Thank you for your review @tobiastal - yes, great catch!

@dominikkawka I've PR-ed your branch with the changes: dominikkawka#1

Can you rebase your branch with the latest and then pull in the changes? Then it should be all set to merge. 🚀

[jenny-s51]

Thanks for the updates @dominikkawka - LGTM.

[paulovmr]

/lgtm

[jenny-s51]

Hi @ederign, when you have a moment, can you please kindly take a look? If you can help us merge this one would be much appreciated. Thank you 🚀