Add a better search UI for patients index page

[bodhish]

In the current patient page, we have 4 independet search on patient, at any point in time you can only search by one practically. Here is an how the current UI looks.

Let upgrade it with a smart search compoent where the user can select what to search for.

It should also support keyboard short cuts.

The valid options would be Name | Phone Number | OP/IP number | Emergency Contact Number.

Also reduce the height of the count box to match the component.

[Jash2606]

Hey @bodhish @rithviknishad , I'd like to contribute to this issue for Hacktoberfest . Could you please assign it to me?

[Jash2606]

Hey @rithviknishad , I had created a Updated UI for search bar , Could you review it and Please let me know if any further changes required !

[i0am0arunava]

@bodhish @rithviknishad, I'd like to contribute to this issue. Could you please assign this to me?

[i0am0arunava]

I have started to work on it.

[i0am0arunava]

@bodhish @rithviknishad @Jacobjeevan ,I have completed the work. If there are any issues , please provide feedback. Pressing Ctrl + '/' will open a palette, and users can navigate through the options using the arrow keys on the keyboard. Additionally, also I have reduce the height of the count box to match the component. If everything looks good, please let me know before I make the pull request. Is there any other process I need to complete? here is my work

[bodhish]

@i0am0arunava without seeing the code its hard to give feedback; In general try to make it in sync with design

[i0am0arunava]

@bodhish @rithviknishad @Jacobjeevan,I have raised a pull request; please review it and provide feedback.

[i0am0arunava]

@bodhish @rithviknishad @Jacobjeevan,I accidentally deleted the forked repo. I have cleaned up the unrelated changes and raised a new pr please review it .https://github.com/ohcnetwork/care_fe/pull/8834