feat:Improve the Service Topology Details Layout

Created by: tracer1023

What type of PR is this?

/kind feature

What this PR does / why we need it:

A feature about improve the service Topology Details Layout for a Specific Service. https://www.figma.com/file/G6LDkjRMGtHq1NGkr5bIyI/Design-Requirements-Pool?node-id=78%3A146477

Which issue(s) this PR fixes:

Fixes ##2392 (closed)

Special notes for reviewers:

UI diagram has changed

Does this PR introduced a user-facing change?

Improve the Service Topology Details Layout for a Specific Service.

Additional documentation, usage docs, etc.:

NONE