Fixed the ui bug of banner coming over the search result container

[kunal-511]

Thank you for contributing to Harbor!

Comprehensive Summary of your change

Bug Report: The banner message was obscuring the search bar issue - #20608
Resolution: The issue has been resolved by adjusting some styles and adding function to ensure the below content does not overlap the search bar.
Details: After applying the style changes, the search bar is now fully visible even with the banner message displayed at the top of the page.

Issue being fixed

Fixes #20608

Please indicate you've done the following:

• Well Written Title and Summary of the PR
• Label the PR as needed. "release-note/ignore-for-release, release-note/new-feature, release-note/update, release-note/enhancement, release-note/community, release-note/breaking-change, release-note/docs, release-note/infra, release-note/deprecation"
• Accepted the DCO. Commits without the DCO will delay acceptance.
• Made sure tests are passing and test coverage is added if needed.
• Considered the docs impact and opened a new docs issue or PR with docs changes if needed in website repository.

[kunal-511]

@AllForNothing Sorry I have to close the previous PR because some necessary files were merged into a commit.
Please review this one

[AllForNothing]

lgtm

[AllForNothing]

@kunal-511 Thanks for your contribution.
@wy65701436 need another approval to get this PR merged

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 66.26%. Comparing base (c8c11b4) to head (b08cc49).
Report is 266 commits behind head on main.

Additional details and impacted files

@@             Coverage Diff             @@
##             main   #20871       +/-   ##
===========================================
+ Coverage   45.36%   66.26%   +20.89%     
===========================================
  Files         244     1047      +803     
  Lines       13333   114254   +100921     
  Branches     2719     2847      +128     
===========================================
+ Hits         6049    75711    +69662     
- Misses       6983    34415    +27432     
- Partials      301     4128     +3827     

Flag	Coverage Δ
unittests	66.26% <ø> (+20.89%)	⬆️

Flags with carried forward coverage won't be shown. Click here to find out more.

see 1287 files with indirect coverage changes

[kunal-511]

@MinerYang Please review this PR.

[chlins]

lgtm