Update the toolbars in the Chats/Spaces screens. (#6043)

* Fix an issue with macro compilation when using Xcode previews.

* Update the Chats/Spaces toolbars to match the Figma.

Fixes a bug with the status emoji in the liquid glass button.

ElementX/Sources/Screens/HomeScreen/View/HomeScreen.swift

@@ -12,6 +12,8 @@ import SentrySwiftUI
 import SwiftUI
 
 struct HomeScreen: View {
+    @Environment(\.isInSidebar) private var isInSidebar
+    
     @ObservedObject var context: HomeScreenViewModel.Context
     
     @State private var scrollViewAdapter = ScrollViewAdapter()
@@ -28,10 +30,12 @@ struct HomeScreen: View {
                    actions: leaveRoomAlertActions,
                    message: leaveRoomAlertMessage)
             .navigationTitle(title)
+            .navigationBarTitleDisplayMode(Compound.supportsGlass ? .inline : .automatic)
             .toolbar { toolbar }
+            .toolbarRole(Compound.supportsGlass ? .editor : .automatic)
             .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
             .track(screen: .Home)
-            .toolbarBloom(hasSearchBar: true)
+            .toolbarBloom(hasSearchBar: context.viewState.isRoomListSearchEnabled)
             .sentryTrace("\(Self.self)")
             .sheet(item: $context.spaceFiltersViewModel) { vm in
                 ChatsSpaceFiltersScreen(context: vm.context)
@@ -52,10 +56,21 @@ struct HomeScreen: View {
     
     @ToolbarContentBuilder
     private var toolbar: some ToolbarContent {
-        ToolbarItem(placement: .navigationBarLeading) {
-            settingsButton
-                .buttonStyle(.borderless)
+        ToolbarItem(placement: Compound.supportsGlass ? .title : .navigationBarLeading) {
+            HStack(spacing: isInSidebar ? 8 : 12) {
+                // The settings button is inside the title on iOS 26 to workaround a
+                // weird liquid glass transition when pushing/popping a room.
+                settingsButton
+                    .buttonStyle(.borderless)
+                
+                if #available(iOS 26, *) {
+                    Text(title)
+                        .font(isInSidebar ? .compound.bodyLGSemibold : .compound.headingLGBold)
+                        .foregroundStyle(.compound.textPrimary)
+                }
+            }
         }
+        .backportSharedBackgroundVisibility(.hidden)
         
         ToolbarItem(placement: .primaryAction) {
             if #available(iOS 26, *) {

ElementX/Sources/Screens/SearchScreen/View/SearchScreen.swift

@@ -33,7 +33,7 @@ struct SearchScreen: View {
         VStack(alignment: .leading, spacing: 0) {
             // Rendered as content rather than a navigation title so it stays visible while the search field is focused.
             Text(L10n.actionSearch)
-                .font(.compound.headingXLBold)
+                .font(.compound.headingLGBold)
                 .foregroundStyle(.compound.textPrimary)
                 .accessibilityAddTraits(.isHeader)
                 .frame(maxWidth: .infinity, alignment: .leading)

ElementX/Sources/Screens/Spaces/Common/SpaceHeaderView.swift

@@ -24,7 +24,7 @@ struct SpaceHeaderView: View {
             
             VStack(spacing: 8) {
                 Text(spaceServiceRoom.name)
-                    .font(.compound.headingLGBold)
+                    .font(.compound.headingMDBold)
                     .foregroundStyle(.compound.textPrimary)
                     .multilineTextAlignment(.center)
                 

ElementX/Sources/Screens/Spaces/SpacesScreen/View/SpacesScreen.swift

@@ -17,6 +17,7 @@ struct SpacesScreen: View {
             .navigationTitle(L10n.screenSpaceListTitle)
             .navigationBarTitleDisplayMode(.inline)
             .toolbar { toolbar }
+            .toolbarRole(Compound.supportsGlass ? .editor : .automatic)
             .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
             .toolbarBloom(hasSearchBar: false)
     }
@@ -54,7 +55,7 @@ struct SpacesScreen: View {
             
             VStack(spacing: 8) {
                 Text(L10n.screenSpaceListTitle)
-                    .font(.compound.headingLGBold)
+                    .font(.compound.headingMDBold)
                     .foregroundStyle(.compound.textPrimary)
                     .multilineTextAlignment(.center)
                 
@@ -92,7 +93,8 @@ struct SpacesScreen: View {
     
     @ToolbarContentBuilder
     private var toolbar: some ToolbarContent {
-        ToolbarItem(placement: .navigationBarLeading) {
+        // Use the title placement on iOS 26 to match the chats tab and fix a weird animation.
+        ToolbarItem(placement: Compound.supportsGlass ? .title : .navigationBarLeading) {
             Button {
                 context.send(viewAction: .showSettings)
             } label: {
@@ -103,14 +105,18 @@ struct SpacesScreen: View {
             .accessibilityLabel(L10n.commonSettings)
             .accessibilityIdentifier(A11yIdentifiers.homeScreen.userAvatar)
         }
-        
-        ToolbarItem(placement: .principal) {
-            // Hides the navigationTitle (which is set for the navigation stack label).
-            Text("").accessibilityHidden(true)
-        }
         .backportSharedBackgroundVisibility(.hidden)
         
-        ToolbarItem(placement: .navigationBarTrailing) {
+        // No need to hide the title on iOS 26, as we use the .title placement for the settings
+        // button to workaround a weird liquid glass transition.
+        if #unavailable(iOS 26) {
+            ToolbarItem(placement: .principal) {
+                // Hides the navigationTitle (which is set for the navigation stack label).
+                Text("").accessibilityHidden(true)
+            }
+        }
+        
+        ToolbarItem(placement: .primaryAction) {
             Button {
                 context.send(viewAction: .createSpace)
             } label: {