Fix: docsearch input styling

[kams05-ops]

What has changed?

The current search bar looks quite messy with the magnifying icon overlapping the orange border and the button "clear the query" coming half in the box and half out.

This PR tries to fix these issues but adjusting the orange border properly across full length and shifting the magnifying label to the left. Now, there is no overlapping of the icon and between the clear button and orange border.

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 test this using - npm run start

Checklist:

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