Refactor legacy `Searchbar` Class component into Functional component

[PiyushChandra17]

Increasing Access

This would help in the following ways:

• Functional based components are modern way of writing clean and concise components
• Less line of code
• Easy to read and debug
• use of useState , useEffect and useRef hooks comes into play
• Easy to integrate with the Redux workflow

Feature enhancement details

We should refactor the old legacy class components into more modern way Functional components

[mrkirthi-24]

Hey @PiyushChandra17, I would like to work on this issue.

[mhsh312]

This issue was already raised here. There are already multiple PRs related to the searchbar there. One of the maintainers already mentioned here that checking these PRs is a long process because shifting from class to functional components is a tedious task that frequently breaks something.

[PiyushChandra17]

@mhsh312 I think in the long term, functional component is the way to go as it's more modern and up to date. Yes i agree with @lindapaiste on this one. Closing this issue 👍