Improve: search bar design and functionality (#436)

[AnkurTyagi-09]

Description

This pull request addresses the search bar UI issues outlined in issue #436 by improving alignment, spacing, and responsiveness.
The result is a cleaner, more intuitive design that enhances the overall user experience across devices.

Fixes: #436

---

Type of Change

• [x] Bug fix
• [x] UI Improvement
• [ ] New feature
• [ ] Documentation update
• [ ] Other (please specify):

---

How to Test

1. Run the project locally.
2. Navigate to the page containing the search bar.
3. Test typing, clearing text, and resizing the window (including mobile viewports) to verify alignment and responsiveness.
4. Ensure the changes do not affect other components, such as adjacent UI elements or functionality.

---

Checklist

• [x] I have performed a self-review of my code.
• [x] I have commented on my code where necessary.
• [x] My changes generate no new warnings.
• [x] All existing features continue to work properly.
• [ ] All new and existing tests pass (N/A for this UI-only change; manual verification recommended).

---

Additional Notes

These are minor UI improvements only — no core logic has been modified.
Changes were tested on Chrome, Firefox, and mobile viewports for consistency and accessibility.

---

About Project: Open-source contribution focused on UI/UX enhancement.
About Profile: Contributed by Ankur Tyagi.
Happy to iterate based on feedback — this is my first contribution to the project! 🚀

[vercel[bot]]

@AnkurTyagi-09 is attempting to deploy a commit to the gyanthakur's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
dev-profile	Ready	Preview	Comment	Oct 29, 2025 5:36pm

[Gyanthakur]

@AnkurTyagi-09 search icon is not in correct position fix it and make it responsive