Room list: avoid header overflowing when too long (#32645)

* fix(room list): make ellipsis works on room list title

Regression due to https://github.com/element-hq/element-web/pull/32421

* test(room list): add non regression test

packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.module.css

@@ -13,6 +13,7 @@
 .container {
     flex: 1;
     padding-bottom: var(--cpd-space-3x);
+    min-width: 0;
 }
 
 .title {

packages/shared-components/src/room-list/RoomListHeaderView/RoomListHeaderView.stories.tsx

@@ -87,3 +87,16 @@ export const NoComposeMenu: Story = {
         displayComposeMenu: false,
     },
 };
+
+export const LongTitle: Story = {
+    decorators: [
+        (Story) => (
+            <div style={{ width: "200px" }}>
+                <Story />
+            </div>
+        ),
+    ],
+    args: {
+        title: "Loooooooooooooooooooooooooooooooooooooong title",
+    },
+};