feat(logs): add search filter

[danshilm]

Description

This adds a search box on the Logs page of the Settings that filters log messages. Log messages will be filtered by their label, the message or any of the extra information that's in the data attribute of a log message. Why also the extra information that's in the data attribute? Because I can search for "10764" and the log message

2022-02-03T12:01:14.564Z [debug][Plex Scan]: GUIDs are cached. Skipping metadata request. {"mediaIds":{"imdbId":"tt0830515","tmdbId":10764,"tvdbId":400},"title":"Quantum of Solace"}

will be matched.

I'm not sure about my use of the useDebouncedState hook, but I do think I missed the mark and am not using it correctly here 👀

Screenshot (if UI-related)

Desktop: Mobile:

To-Dos

• [x] Successful build yarn build

Issues Fixed or Closed

• Fixes #2290

[lgtm-com[bot]]

This pull request introduces 1 alert when merging d48bedbfb7dff50dc3dd5d148e7a36408d36e20b into 5d4b06bbcc6cf6d328f6b4a86c4c0f9b0f3aff3e - view on LGTM.com

new alerts:

• 1 for Regular expression injection

[lgtm-com[bot]]

This pull request introduces 1 alert when merging caeaa7acb55a0026679c3fdcc31e10e19deed0e9 into aa062d921c425d4b64bfdb28a5f102b0c92f7d87 - view on LGTM.com

new alerts:

• 1 for Regular expression injection

[stale[bot]]

This pull request has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[github-actions[bot]]

:tada: This PR is included in version 1.30.0 :tada:

The release is available on:

• v1.30.0
• GitHub release

Your semantic-release bot :package::rocket: