Fix invalid postion of before content in home page

[JohnNiang]

What this PR does / why we need it?

When I open 1Panel in Firefox on Linux(133.0.3) and Chrome(131.0.6778.139), all before contents of headers in home page are born in a wrong position. Please see the screenshot below:

This PR fixes the problem completely. See the screenshots below:

Please indicate you've done the following:

• Made sure tests are passing and test coverage is added if needed.
• Made sure commit message follow the rule of Conventional Commits specification.
• Considered the docs impact and opened a new docs issue or PR with docs changes if needed.

None

[f2c-ci-robot]

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign ssongliu for approval. For more information see the Kubernetes Code Review Process.

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

Needs approval from an approver in each of these files:

• OWNERS

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