💄 [#2741] Add multiselect listbox mobile design

[jiromaykin]

Taiga: https://taiga.maykinmedia.nl/project/open-inwoner/task/2742

Design (multiple screens and multiple States here): https://www.figma.com/design/iKGhWhstaLIlFSaND2q7cE/OIP---Designs-(new)?node-id=3196-14280&node-type=frame&m=dev

[codecov-commenter]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 94.59%. Comparing base (5391b5f) to head (30d7b27).

Additional details and impacted files

@@           Coverage Diff            @@
##           develop    #1398   +/-   ##
========================================
  Coverage    94.59%   94.59%           
========================================
  Files         1063     1063           
  Lines        39681    39681           
========================================
  Hits         37537    37537           
  Misses        2144     2144           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[pi-sigma]

The error message for 0 results after filtering ("U heeft op dit moment nog geen lopende aanvragen.") is misleading. Not part of this PR, I know, but IMHO we should consider adding a suggetion for possible actions ("reset uw filters of kom later terug" or something like this). Leaving the final call to you, though.

[pi-sigma]

I would prefer to distinguish the two events and have two separate handlers: closeFilterPopupByEscape and closeFilterPopupByOutsideClick. That way, you can (a) avoid the disjunction in your handler and (b) simplify the logic. For example, in closeFilterPopupByEscape you can check if event.key != 'Escape': return; and then do the removal afterwards outside the conditional (following the never-nester approach). However, I'm not too familiar with the coding conventions in JS land, so leaving it to you.