Dev/search click escape

[HenrikeW]

Related issue(s) and PR(s)

When having started an advanced search it's now possible to close the appearing list of search results by clicking outside of it or pressing Escape.
(Pressing Escape was possible before, but only as long focus stayed on the input field. If the user continued tabbing, e.g. to scroll through the list of suggestions, it wasn't possible to use the Escape key to close the list. Now it is.)

The hook could be reused with any DOM element and any desired effect.

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Other

List of changes made

• the hook is defined in a reusable way
• it's used in the QuickAdd component

Definition of Done checklist

• I have made an effort making the commit history understandable
• I have performed a self-review of my own code and commented any hard-to-understand areas
• Tests and lint/format validations are passing
• My changes generate no new warnings

[jonandernovella]

I think the previously created event listener should be removed.

urdr/frontend/src/components/QuickAdd.tsx

Line 211 in f8ed443

onKeyUp={(e) => onEscapeInput(e)}

[jonandernovella]

I removed the duplicated event listener. It works as expected!