fix:search bar styling

[Hermione2408]

What has changed?

Fixed styling of search bar

This PR Resolves #(issue)

Type of change

Please delete options that are not relevant.

• Bug fix (non-breaking change which fixes an issue).
• New feature (non-breaking change which adds functionality).
• Breaking change (fix or feature that would cause existing functionality to not work as expected).
• Documentation update (if none of the other choices apply).

How Has This Been Tested?

Please run npm run build and npm run serve to check if the changes are working as expected. Please include screenshots of the output of both the commands. Add screenshots/gif of the changes if possible.

Checklist:

• My code follows the style guidelines of this project.
• I have performed a self-review of my own code.

[Copilot]

Pull Request Overview

This PR fixes styling issues with the search bar by adjusting padding and margin values to improve visual appearance and spacing.

• Reduced internal padding from p-5 to px-3 py-2 for better proportions
• Changed right margin from negative mr-[-18px] to positive mr-2 for proper spacing

---

_{Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.}

[Achanandhi-M]

LGTM