Fix#348 [BUG]: Position of the magnifying glass in the appbar in the mobile resolution

[Abhi0049k]

PR Fixes:

• Adjusted the positioning of the magnifying glass icon within the app bar to ensure it is centered.
• Conducted testing across various mobile devices and web browsers to confirm consistent alignment.

Resolves #348

Screenshot

Checklist before requesting a review

• [x] I have performed a self-review of my code
• [x] I assure there is no similar/duplicate pull request regarding the same issue

[nimit9]

Please remove the lockfile changes.

[Abhi0049k]

Please remove the lockfile changes.

hi @nimit9 I have remove the lockfile changes