Add a search bar to the space filters screen

ElementX/Sources/Screens/ChatsSpaceFiltersScreen/ChatsSpaceFiltersScreenModels.swift

@@ -15,9 +15,22 @@ enum ChatsSpaceFiltersScreenViewModelAction {
 struct ChatsSpaceFiltersScreenViewState: BindableState {
     var filters = [SpaceServiceFilter]()
     var bindings: ChatsSpaceFiltersScreenViewStateBindings
+    
+    var visibleFilters: [SpaceServiceFilter] {
+        if bindings.searchQuery.isEmpty {
+            return filters
+        }
+        
+        return filters.filter { filter in
+            filter.room.name.localizedStandardContains(bindings.searchQuery) ||
+                (filter.room.canonicalAlias ?? "").localizedStandardContains(bindings.searchQuery)
+        }
+    }
 }
 
-struct ChatsSpaceFiltersScreenViewStateBindings { }
+struct ChatsSpaceFiltersScreenViewStateBindings {
+    var searchQuery = ""
+}
 
 enum ChatsSpaceFiltersScreenViewAction: CustomStringConvertible {
     case confirm(SpaceServiceFilter)

ElementX/Sources/Screens/ChatsSpaceFiltersScreen/View/ChatsSpaceFiltersScreen.swift

@@ -15,13 +15,16 @@ struct ChatsSpaceFiltersScreen: View {
         NavigationStack {
             ScrollView {
                 LazyVStack(spacing: 0) {
-                    ForEach(context.viewState.filters) { filter in
+                    ForEach(context.viewState.visibleFilters) { filter in
                         ChatsSpaceFilterCell(filter: filter,
                                              mediaProvider: context.mediaProvider) { filter in
                             context.send(viewAction: .confirm(filter))
                         }
                     }
                 }
+                .searchable(text: $context.searchQuery, placement: .navigationBarDrawer)
+                .focusSearchIfHardwareKeyboardAvailable()
+                .compoundSearchField()
             }
             .toolbar { toolbar }
             .navigationTitle(L10n.screenRoomlistYourSpaces)