[YUNIKORN-2957] Improve visual in dashboard page

[SP12893678]

What is this PR for?

Improve visual in dashboard page

• top-info section => add border radius & box-shadow
• chart card & chart re-design => more clarity and leverage space
• ensure consistent coloring for app statuses across multiple charts
• donut-chart add => add total count in chart center

What type of PR is it?

• - Improvement

What is the Jira issue?

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

Screenshots (if appropriate)

Before	After
bandicam.2024-11-03.17-20-39-572.mp4	bandicam.2024-11-03.17-19-29-560.mp4

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 35.71%. Comparing base (b877df7) to head (1e843a9).

Additional details and impacted files

@@           Coverage Diff           @@
##           master     #221   +/-   ##
=======================================
  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.

[pbacsko]

I like the changes. Unfortunately I can't really add anything to the technical side :)

[craigcondit]

+1 LGTM.