Room list: make the filter resize correctly (#30788)

* fix: make the filter resize correctly

* test: update snapshot

res/css/views/rooms/RoomListPanel/_RoomListPrimaryFilters.pcss

@@ -12,10 +12,7 @@
         display: none;
     }
 
-    ul {
-        margin: unset;
-        padding: unset;
-        list-style-type: none;
+    .mx_RoomListPrimaryFilters_list {
         /**
          * The InteractionObserver needs the height to be set to work properly.
          */

src/components/views/rooms/RoomListPanel/RoomListPrimaryFilters.tsx

@@ -59,6 +59,7 @@ export function RoomListPrimaryFilters({ vm }: RoomListPrimaryFiltersProps): JSX
                 align="center"
                 gap="var(--cpd-space-2x)"
                 wrap="wrap"
+                className="mx_RoomListPrimaryFilters_list"
                 ref={ref}
             >
                 {filters.map((filter, i) => (

test/unit-tests/components/views/rooms/RoomListPanel/__snapshots__/RoomListPrimaryFilters-test.tsx.snap

@@ -9,7 +9,7 @@ exports[`<RoomListPrimaryFilters /> should renders all filters correctly 1`] = `
   >
     <div
       aria-label="Room list filters"
-      class="flex"
+      class="flex mx_RoomListPrimaryFilters_list"
       id="«r0»"
       role="listbox"
       style="--mx-flex-display: flex; --mx-flex-direction: row; --mx-flex-align: center; --mx-flex-justify: start; --mx-flex-gap: var(--cpd-space-2x); --mx-flex-wrap: wrap;"