Use more Liquid Glass in the room/space screen toolbars (#4965)

* Add a glass style to the Room/Space header view on iOS 26.

* Update snapshots and fix the join call button.

ElementX/Sources/Other/SwiftUI/Views/ButtonStyle.swift

@@ -1,20 +0,0 @@
-//
-// Copyright 2025 Element Creations Ltd.
-// Copyright 2023-2025 New Vector Ltd.
-//
-// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
-// Please see LICENSE files in the repository root for full details.
-//
-
-import SwiftUI
-
-struct ElementCallButtonStyle: ButtonStyle {
-    func makeBody(configuration: Configuration) -> some View {
-        configuration.label
-            .padding(.horizontal, 16.0)
-            .padding(.vertical, 4.0)
-            .foregroundColor(.compound.bgCanvasDefault)
-            .background(Color.compound.iconAccentTertiary)
-            .clipShape(Capsule())
-    }
-}

ElementX/Sources/Other/SwiftUI/Views/JoinCallButton.swift

@@ -0,0 +1,67 @@
+//
+// Copyright 2025 Element Creations Ltd.
+// Copyright 2023-2025 New Vector Ltd.
+//
+// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
+// Please see LICENSE files in the repository root for full details.
+//
+
+import Compound
+import SwiftUI
+
+struct JoinCallButton: View {
+    let action: () -> Void
+    
+    var body: some View {
+        if #available(iOS 26, *) {
+            glassButton
+        } else {
+            customButton
+        }
+    }
+    
+    var glassButton: some View {
+        Button(action: action) {
+            Text(L10n.a11yJoinCall)
+                .font(.compound.bodyLG.weight(.medium))
+                .foregroundStyle(.compound.textOnSolidPrimary)
+        }
+        .tint(.compound.bgAccentRest)
+        .backportButtonStyleGlassProminent()
+    }
+    
+    var customButton: some View {
+        Button(action: action) {
+            Label(L10n.actionJoin, icon: \.videoCallSolid)
+                .labelStyle(.titleAndIcon)
+        }
+        .buttonStyle(CustomStyle())
+        .accessibilityLabel(L10n.a11yJoinCall)
+    }
+    
+    struct CustomStyle: ButtonStyle {
+        func makeBody(configuration: Configuration) -> some View {
+            configuration.label
+                .padding(.horizontal, 16.0)
+                .padding(.vertical, 4.0)
+                .foregroundColor(.compound.bgCanvasDefault)
+                .background(Color.compound.iconAccentTertiary)
+                .clipShape(Capsule())
+        }
+    }
+}
+
+// MARK: - Previews
+
+struct JoinCallButton_Previews: PreviewProvider {
+    static var previews: some View {
+        NavigationStack {
+            Color.clear
+                .toolbar {
+                    ToolbarItem(placement: .confirmationAction) {
+                        JoinCallButton { }
+                    }
+                }
+        }
+    }
+}

ElementX/Sources/Other/SwiftUI/Views/RoomHeaderView.swift

@@ -18,16 +18,24 @@ struct RoomHeaderView: View {
     
     let mediaProvider: MediaProviderProtocol?
     
+    let action: () -> Void
+    
     var body: some View {
         if #available(iOS 26.0, *) {
-            // On iOS 26+ we use the toolbarRole(.editor) to leading align.
-            content
+            Button(action: action) {
+                // On iOS 26+ we use the toolbarRole(.editor) to leading align.
+                content
+            }
+            .backportButtonStyleGlass()
         } else {
             // On iOS 18 and lower, the editor role causes an animation glitch with the back button whenever
             // you push a screen whilst the large title is visible on the room screen.
             content
                 // So take up as much space as possible, with a leading alignment for use in the default principal toolbar position
                 .frame(idealWidth: .greatestFiniteMagnitude, maxWidth: .infinity, alignment: .leading)
+                // Using a button stops it from getting truncated in the navigation bar
+                .contentShape(.rect)
+                .onTapGesture(perform: action)
         }
     }
     
@@ -98,7 +106,7 @@ struct RoomHeaderView_Previews: PreviewProvider, TestablePreview {
                                          name: "Some Room Name",
                                          avatarURL: avatarURL),
                        dmRecipientVerificationState: verificationState,
-                       mediaProvider: MediaProviderMock(configuration: .init()))
+                       mediaProvider: MediaProviderMock(configuration: .init())) { }
             .padding()
     }
 }