Enhancement(kueue): Improve ClusterQueue quota visibility with usage indicators

[Ehtesham-Zahid]

Is your feature request related to a problem? Please describe the impact that the lack of the feature requested is creating.

The Kueue ClusterQueue view currently shows quota reservations as raw values, making it difficult to quickly understand how much of the nominal quota is being used or when a queue is approaching or exceeding its limit.

Describe the solution you'd like

Add a quota reservation progress bar to the ClusterQueue Flavor Reservations table.

The bar should visually indicate quota usage:

• Green for normal usage
• Orange when usage reaches the warning range
• Red when usage reaches the critical range
• Purple when usage exceeds the nominal quota

The visualization should also handle borrowing-only resources where the nominal quota is zero.

What users will benefit from this feature?

Users managing Kueue ClusterQueues will be able to understand quota utilization and borrowing at a glance without manually comparing reserved and nominal values.

Are you able to implement this feature?

Yes (I will propose a PR).

Additional context

The implementation follows Headlamp's existing UI patterns and uses theme-aware colors so the visualization works across light and dark modes.

[Bhargava-Ram-Thunga]

Hi @Ehtesham-Zahid,

I'd like to implement this enhancement! I can add a dynamic PercentageBar component to the ClusterQueue Flavor Reservations view, styled with color thresholds (green/orange/red/purple) based on quota usage vs nominal limits.

Could you please assign this issue to me? Thanks!