React component conversion(class to functional) - 2

[nahbee10]

Fixes #2709

Changes:

• applied react functional component conversion to searchBar and quickAddList
  I have verified that this pull request:

• has no linting errors (npm run lint)
• has no test errors (npm run test)
• is from a uniquely-named feature branch and is up to date with the develop branch.
• is descriptively named and links to an issue number, i.e. Fixes #123

[release-com]

Release Environments

This Environment is provided by Release, learn more!
To see the status of the Environment click on Environment Status below.

• p5.js-web-editor
  • app-ted365e.release.editor.p5js.org/
  • preview-ted365e.release.editor.p5js.org/

🔧Environment Status : https://app.release.com/public/Processing%20Foundation/env-73ab94923a

[raclim]

Thanks for your work on this!

I loaded this PR locally, and everything seems to generally work well for me. The overall code changes look okay to me as well, but will defer to @khanniie's review!

One other thing to note (more so in upcoming PRs)—it would be great to add more specific details or context surrounding the changes for each file in the PR description. This would be helpful to get a better understanding of these changes and for documentation purposes!

[khanniie]

i think buttons should do this natively? might not be necessary~

[khanniie]

oh nvm i see it's a div not a button -- i think in that case then we should just let the button within it be focusable / interactive and let the div be a container? meaning we remove the role & onClick/onKeydown handlers and tabindex. let me know if there's something im missing though!

[khanniie]

LGTM overall! : )

[nahbee10]

One other thing to note (more so in upcoming PRs)—it would be great to add more specific details or context surrounding the changes for each file in the PR description. This would be helpful to get a better understanding of these changes and for documentation purposes!

@raclim I'll keep this in mind for the next PRs!!