UI: Improve router listing page

[vishesh92]

Description

This PR fixes #8008

Types of changes

• Breaking change (fix or feature that would cause existing functionality to change)
• New feature (non-breaking change which adds functionality)
• Bug fix (non-breaking change which fixes an issue)
• Enhancement (improves an existing feature and functionality)
• Cleanup (Code refactoring and cleanup, that may add test cases)
• build/CI
• test (unit or integration test code)

Feature/Enhancement Scale or Bug Severity

Feature/Enhancement Scale

• Major
• Minor

Bug Severity

• BLOCKER
• Critical
• Major
• Minor
• Trivial

Screenshots (if appropriate):

Before patch:

Details

After patch:

Details

How Has This Been Tested?

How did you try to break this feature and the system with this change?

[vishesh92]

@blueorangutan ui

[blueorangutan]

@vishesh92 a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9551 (QA-JID-425)

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 4.17%. Comparing base (2ba64f2) to head (9123992).
Report is 5 commits behind head on main.

❗ There is a different number of reports uploaded between BASE (2ba64f2) and HEAD (9123992). Click for more details.

HEAD has 1 upload less than BASE

Flag	BASE (2ba64f2)	HEAD (9123992)
unittests	1	0

Additional details and impacted files

@@             Coverage Diff              @@
##               main   #9551       +/-   ##
============================================
- Coverage     15.54%   4.17%   -11.38%     
============================================
  Files          5499     377     -5122     
  Lines        481706   30866   -450840     
  Branches      58660    5463    -53197     
============================================
- Hits          74879    1288    -73591     
+ Misses       398541   29432   -369109     
+ Partials       8286     146     -8140     

Flag	Coverage Δ
uitests	4.17% <ø> (ø)
unittests	?

Flags with carried forward coverage won't be shown. Click here to find out more.

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

[vishesh92]

@blueorangutan ui

[blueorangutan]

@vishesh92 a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[weizhouapache]

the latest UI looks good to me

@vishesh92 @DaanHoogland

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9551 (QA-JID-426)

[vishesh92]

@blueorangutan ui

[blueorangutan]

@vishesh92 a Jenkins job has been kicked to build UI QA env. I'll keep you posted as I make progress.

[blueorangutan]

UI build: ✔️
Live QA URL: https://qa.cloudstack.cloud/simulator/pr/9551 (QA-JID-427)

[DaanHoogland]

tested in qa

[kiranchavala]

LGTM

Before fix

After fix