refactor: improve code base of role-related

[ruibaby]

What type of PR is this?

/area ui
/kind improvement
/milestone 2.16.x

What this PR does / why we need it:

优化和角色相关的对话框显示逻辑，减少不必要的渲染开销和请求。

Does this PR introduce a user-facing change?

优化和角色相关的对话框显示逻辑，减少不必要的渲染开销和请求。

[sonarcloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
No data about Coverage
No data about Duplication

See analysis details on SonarCloud

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 56.36%. Comparing base (5fdf6c0) to head (f4a1b81).
Report is 203 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff              @@
##               main    #5984      +/-   ##
============================================
- Coverage     56.91%   56.36%   -0.55%     
- Complexity     3319     3506     +187     
============================================
  Files           587      615      +28     
  Lines         18968    20714    +1746     
  Branches       1401     1441      +40     
============================================
+ Hits          10795    11675     +880     
- Misses         7594     8457     +863     
- Partials        579      582       +3     

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

[guqing]

/lgtm

[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:

• ui/OWNERS [JohnNiang]

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