🐛 [Bug report]: fix header items alignment

[priyankarpal]

Descrcibe the bug?

We need to improve the alignment of these items for better UI design. The logo should be aligned with the banner text, and the search bar should be centered.

Steps to reproduce the bug?

.

Expected behavior

.

Desktop (Please provide your system information)

brave
kali

Mobile (Please provide your device information)

No response

Screenshot / Screenshare

Relevant log output

No response

Record

• I have checked the existing issues
• I have read the Contributing Guidelines
• I want to work on this issue

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[Shivam-Katare]

Hey @priyankarpal, you can assign this issue to me. I will work on it.

[priyankarpal]

Hey @priyankarpal, you can assign this issue to me. I will work on it.

sure