Optimize the content styling of the monitoring details page.

[kerwin612]

What's changed?

before:

after:

• Use a unified card template to facilitate unified style and maintenance;
• Using a unified header layout, removing the line breaks in the header gives more space to the content.
• The card scrollbar only scrolls the content, making it easier to view the information belonging to the current card after scrolling.

Checklist

• I have read the Contributing Guide
• I have written the necessary doc or comment.
• I have added the necessary unit tests and all cases have passed.

Add or update API

• I have added the necessary e2e tests and all cases have passed.