Improve Exhibit Selection UX

[vjpixel]

User Story
As a user, I want to filter the exhibits by typing some letters, so I can quickly find the exhibit I'm looking for.

Description
Replace the current exhibit selection with one that filters the options a user can click based on the text written. You can find an example at https://www.w3schools.com/howto/howto_js_filter_table.asp

Current behavior
When I write a sequence of letters in the text box on https://jandig.app/exhibit_select/ , the drop-down directs to the last option with this letter sequence.

As an example, if I write "test," the dropdown will show this:

I could be looking for something at the beginning of the dropdown, like:

So, the current text field is worsening the UX instead of improving it.

Requirements

• Implement a filter to the list of exhibitions based on the user's writing.

Acceptance Criteria

• Users should be able to select from the raw list (without filtering).
• Text written in the input field limits the options shown in the list by those that contain that sequence of characters.
• If a user writes two words in a different sequence, the result should be the same (for example: "longa vida" and "vida longa" give the same list to the user).