feat: refine notifications-related ui

[ruibaby]

What type of PR is this?

/area console
/kind feature
/milestone 2.10.x

What this PR does / why we need it:

完善通知功能相关的 UI 功能。

配置：

仪表盘消息组件：

独立的消息页面：

Which issue(s) this PR fixes:

Fixes #

Special notes for your reviewer:

Does this PR introduce a user-facing change?

None 

[codecov]

Codecov Report

Merging #4638 (2d606a6) into main (a5a6978) will not change coverage.
Report is 9 commits behind head on main.
The diff coverage is n/a.

❗ Current head 2d606a6 differs from pull request most recent head 6907bad. Consider uploading reports for the commit 6907bad to get more accurate results

@@            Coverage Diff            @@
##               main    #4638   +/-   ##
=========================================
  Coverage     61.02%   61.02%           
  Complexity     2610     2610           
=========================================
  Files           378      378           
  Lines         13541    13541           
  Branches        958      958           
=========================================
  Hits           8264     8264           
  Misses         4812     4812           
  Partials        465      465           

[ruibaby]

/retitle feat: refine notifications-related ui

[JohnNiang]

/lgtm

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: JohnNiang

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files:

• console/OWNERS [JohnNiang]

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment