BUG: Improve Search Button and Input Box Design for Enhanced User Experience.

[Aazma11]

Preliminary Check

• [X] I have searched the existing issues
• [X] This issue is reproducible

Bug Summary

The search bar's design is inconsistent with the site's modern aesthetic, creating a visual disconnect that impacts user experience.

Steps to Reproduce

1. Open the homepage of the website.
2. Locate the search bar at the top of the page.
3. Observe the design and alignment of the search button and input field in relation to the rest of the page elements.

Expected Behavior

The search button and input field should complement the site’s clean, professional look, providing a seamless, easy-to-use interface.

Screenshots/Logs

can you assign this issue under gssoc @ay

Additional Information

• [X] I agree to follow this project's Code of Conduct
• [X] I'm a GSSOC'24 contributor
• [X] I want to work on this issue
• [X] I can provide more details if needed

[github-actions[bot]]

👋 Thanks for opening this issue! We appreciate your contribution. Please make sure you’ve provided all the necessary details and screenshots, and don't forget to follow our Guidelines and Code of Conduct. Happy coding! 🚀