feat(daffio): add search feature

[xelaint]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://github.com/graycoreio/daffodil/blob/develop/CONTRIBUTING.md#commit
• Tests for the changes have been added (for bug fixes / features)
• Docs have been added / updated (for bug fixes / features)

PR Type

What kind of change does this PR introduce?

[ ] Bugfix
[x] Feature
[ ] Code style update (formatting, local variables)
[ ] Refactoring (no functional changes, no api changes)
[ ] Build related changes
[ ] CI related changes
[ ] Documentation content changes
[ ] Other... Please describe:

What is the current behavior?

Fixes: #3723

What is the new behavior?

Does this PR introduce a breaking change?

[ ] Yes
[ ] No

Other information

[xelaint]

TODO:

• Wire up UI using algoliasearch/lite package
• Correctly implement Angular's ActiveDescendantKeyManager and Highlightable so the keyboard events work
• Can modal's position be adjusted on implementation? The modal is sitting to low in the center atm. It should be higher toward the top.
• Do we want a recent history or suggestions list? @damienwebdev @griest024

[griest024]

• Do we want a recent history or suggestions list? @damienwebdev @griest024

I like that idea, I often find that useful

[xelaint]

• Do we want a recent history or suggestions list? @damienwebdev @griest024

I like that idea, I often find that useful

@griest024 Recent history or suggestions? I don't think we can do both.

[griest024]

Recent history

[xelaint]

BUG: / opens two modals at once.

[xelaint]

Blocked by #3804

[xelaint]

• Only display clear field icon when there is text in the field. Current UI is confusing since the "x" for clear can be confused with closing the modal.

[griest024]

@xelaint this fixes the double modal issue. Its not a good idea to have components in the DOM that aren't being used, its quite wasteful and will cause perf issues.

[xelaint]

@griest024 Should I close this in favor of #4093?

[griest024]

@griest024 Should I close this in favor of #4093?

sure, unless you want a cleaner place to iterate on the UI without all the other code cluttering up the commit log. #4093 should contain all of the code from this PR

[xelaint]

Closed in favor of #4093