Room list: add custom section creation (#33155)

* feat: add creation section dialog

* feat: add in skip list a method to change filters

* feat: add helper to creation section

* feat: add custom sections data to Settings

* feat: add custom section to room list store v3

* feat: update header and room list item vms

* feat: add toast to room list vm

* feat: add new translation

* chore: move util functions of room list specs

* test: add custom section playwright tests

* chore: call loadCustomSections in RoomListStoreV3 ctor

apps/web/res/css/_components.pcss

@@ -128,6 +128,7 @@
 @import "./views/dialogs/_ConfirmSpaceUserActionDialog.pcss";
 @import "./views/dialogs/_ConfirmUserActionDialog.pcss";
 @import "./views/dialogs/_CreateRoomDialog.pcss";
+@import "./views/dialogs/_CreateSectionDialog.pcss";
 @import "./views/dialogs/_CreateSubspaceDialog.pcss";
 @import "./views/dialogs/_Crypto.pcss";
 @import "./views/dialogs/_DeactivateAccountDialog.pcss";

apps/web/res/css/views/dialogs/_CreateSectionDialog.pcss

@@ -0,0 +1,23 @@
+/*
+ * Copyright 2026 Element Creations Ltd.
+ *
+ * SPDX-License-Identifier: AGPL-3.0-only OR GPL-3.0-only OR LicenseRef-Element-Commercial
+ * Please see LICENSE files in the repository root for full details.
+ */
+
+.mx_CreateSectionDialog {
+    color: var(--cpd-color-text-primary);
+
+    &.mx_Dialog_fixedWidth {
+        /* 576px coming from Figma and remove external padding */
+        max-width: calc(576px - var(--cpd-space-20x));
+    }
+
+    .mx_CreateSectionDialog_content {
+        min-height: 346px;
+    }
+
+    .mx_CreateSectionDialog_form {
+        width: 100%;
+    }
+}