[#53767] fix: focus input field after selecting a filter

[EinLama]

Ticket

https://community.openproject.org/wp/53767

What are you trying to accomplish?

Screenshots

focus_filter_after_selection.mov

What approach did you choose and why?

The fix consists of two parts.

1. the filter form controller adds a focus()-call on the appropriate element after adding a new filter
2. in order for focus to work, browsers require form elements to have unique IDs. We were breaking with this rule as all filters had the same generic id of value. Changed the DOM ids to be prefixed with the filter name to make them unique.

Merge checklist

• Added/updated tests
• Added/updated documentation in Lookbook (patterns, previews, etc)
• Tested major browsers (Chrome, Firefox, Edge, ...)