[workspace] update search bar layout and align workspace selector

[Hailong-am]

Description

1. Adjust workspace selector to align with left nav items
2. Let search bar popup when click on it
3. Use normal font weight for search items text

Issues Resolved

Screenshot

searchbar.mov

Testing the changes

1. enable workspace and new homepage by putting this into yml

workspace.enabled: true
uiSettings:
  overrides:
    "home:useNewHomePage": true

2. start OSD yarn start

Changelog

• fix: finetune search bar and workspace selector style

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

[github-actions]

❌ Empty Changelog Section

The Changelog section in your PR description is empty. Please add a valid changelog entry or entries. If you did add a changelog entry, check to make sure that it was not accidentally included inside the comment block in the Changelog section.

[codecov]

Codecov Report

Attention: Patch coverage is 89.47368% with 4 lines in your changes missing coverage. Please review.

Project coverage is 60.84%. Comparing base (c8b5318) to head (54eb759).
Report is 3 commits behind head on main.

Files with missing lines	Patch %	Lines
...core/public/chrome/ui/header/header_search_bar.tsx	89.47%	3 Missing and 1 partial ⚠️

Additional details and impacted files

@@           Coverage Diff           @@
##             main    #8649   +/-   ##
=======================================
  Coverage   60.83%   60.84%           
=======================================
  Files        3793     3793           
  Lines       90412    90409    -3     
  Branches    14196    14197    +1     
=======================================
+ Hits        55002    55007    +5     
+ Misses      31933    31927    -6     
+ Partials     3477     3475    -2     

Flag	Coverage Δ
Linux_1	29.08% <0.00%> (+<0.01%)	⬆️
Linux_2	56.41% <89.47%> (+0.01%)	⬆️
Linux_3	37.67% <0.00%> (+<0.01%)	⬆️
Linux_4	29.82% <0.00%> (+<0.01%)	⬆️
Windows_1	29.09% <0.00%> (+<0.01%)	⬆️
Windows_2	56.36% <89.47%> (+0.01%)	⬆️
Windows_3	37.67% <0.00%> (+<0.01%)	⬆️
Windows_4	29.82% <0.00%> (+<0.01%)	⬆️

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.