Fix HeaderControl not rendered if not mount in initial rendering

[wanglam]

Description

This PR is for fixing HeaderControl not rendered if not mount in initial rendering. The original implementation rely on controls registered to application.currentRightControls$ before Header component rendering. This component won't re-render after new value emitted in application.currentRightControls$. This PR add a new useObservableValue to subscribe these controls updates. It will fire re-render after these observable emit new values.

Issues Resolved

#8313

Screenshot

This is a bug fix, no UI changes.

Testing the changes

• Clone branch code and run yarn osd bootstrap --single-version loose
• Add below configs in config/opensearch_dashboards.yml

savedObjects.permission.enabled: true
workspace.enabled: true
uiSettings:
  overrides:
    'home:useNewHomePage': true
opensearchDashboards.dashboardAdmin.users: ['admin']

• Run yarn start --no-base-path
• Visiting a existing workspace settings page with admin user
• The delete button should be displayed

Changelog

• fix: Fix HeaderControl not rendered if not mount in initial rendering

Check List

• All tests pass
  • yarn test:jest
  • yarn test:jest_integration
• New functionality includes testing.
• New functionality has been documented.
• Update CHANGELOG.md
• Commits are signed per the DCO using --signoff

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 60.95%. Comparing base (1db585d) to head (5d8702c).
Report is 49 commits behind head on main.

Additional details and impacted files

@@            Coverage Diff             @@
##             main    #8335      +/-   ##
==========================================
- Coverage   64.14%   60.95%   -3.19%     
==========================================
  Files        3743     3744       +1     
  Lines       88849    88854       +5     
  Branches    13856    13857       +1     
==========================================
- Hits        56993    54164    -2829     
- Misses      31241    31380     +139     
- Partials      615     3310    +2695     

Flag	Coverage Δ
Linux_1	28.85% <3.70%> (-1.21%)	⬇️
Linux_2	?
Linux_3	37.78% <3.70%> (-2.58%)	⬇️
Linux_4	29.94% <3.70%> (-1.64%)	⬇️
Windows_1	28.87% <3.70%> (-1.21%)	⬇️
Windows_2	56.30% <100.00%> (-2.52%)	⬇️
Windows_3	37.79% <3.70%> (-2.58%)	⬇️
Windows_4	29.94% <3.70%> (-1.64%)	⬇️

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.