New room list: filter list can be collapsed

[florianduros]

Task https://github.com/element-hq/wat-internal/issues/204
Figma

This PR improves the primary filters of the new room list

• the filter list can be expanded/collapsed
• when a filter is selected and not visible when the list is collapsed, the filter is moved at the first position of the list
• the list is animated when collapsed/expanded

Screen.Recording.2025-05-27.at.09.25.18.mov

[florianduros]

Suggested change

	* The InteractionObserver needs the height to be set for to work properly.
	* The InteractionObserver needs the height to be set to work properly.

[florianduros]

5f90a09

[MidhunSureshR]

Why is this in the view and not the vm?

[florianduros]

I put it in the view because it depends of two view attributes: isExpanded and isVisible where isVisible is the result of computation on the view

[MidhunSureshR]

Can we replace this chained ternary with an if-else?

[florianduros]

7679b7c

[t3chguy]

The expand/collapse interaction seems rather moot for keyboard accessibility given tabbing accesses the hidden elements too, using tab you can also end up with the active filter off-screen and the room list looking somewhat confusing.

Screen.Recording.2025-05-29.at.09.52.08.mov

Maybe when accessing the list via keyboard the filters should expand automatically and the expand/collapse should not be part of the keyboard UX.

When tabbed to the last filter item the expand/collapse seems to disappear entirely. In this state, if I click off the element I am left in a broken state and cannot access the expand interaction.