[YUNIKORN-2961] Move node utilizations chart to dashboard page

[SP12893678]

What is this PR for?

• add a node utilization chart make the dashboard page more complete
• add the partition selector in node utilization chart card
• remove node utilizations chart in node view page

What type of PR is it?

• - Improvement

What is the Jira issue?

https://issues.apache.org/jira/browse/YUNIKORN-2961

Screenshots (if appropriate)

Before	After	Removed Max Width & Add maintainAspectRatio
bandicam.2024-11-14.23-02-44-261.mp4	bandicam.2024-11-14.23-07-50-521.mp4	bandicam.2024-11-15.20-55-51-284.mp4

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 35.71%. Comparing base (d082b14) to head (360c775).

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #224   +/-   ##
=======================================
  Coverage   35.71%   35.71%           
=======================================
  Files           2        2           
  Lines          56       56           
=======================================
  Hits           20       20           
  Misses         33       33           
  Partials        3        3           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[craigcondit]

Mostly good, just a couple points.

[craigcondit]

I don't think we should have a max-width here. With lots of resource types, the extra horizontal real estate can be nice to have.

[craigcondit]

This also means the chart should expand to fill the available space.

[SP12893678]

Okay. I have removed the restrict, the updated demo shown as above.
The reason why I apend the restrict is consider the right side partition selector might be far for user.

Updated:
Oh, I find the chart maintainAspectRatio setting could address the issue.
It let chart fit the container.

[craigcondit]

+1 LGTM.