User verification state indicators (#3793)

* Introduce a `UserIdentityProxy` and have it combine upstream methods into an easy to digest  `UserIdentityVerificationState`. Use it in a dedicated `VerificationBadge` UI component

* Show a DMs counterpart verification state in the room header

* Show a warning on the room details `People` entry when there are identity verification state violations on any of the members.

* Show verification badges in the room member list

* Show a withdraw verification section on the room member details for users that have pinning violations.

* Remove the verification section from the profile screen as there's no reliable way to keep it up to date
- the underlying Rust SDK Olm Machine can be rebuilt without notice which would break any existing user identity change streams.

* Update preview test snapshots

ElementX/Sources/Other/SwiftUI/VerificationBadge.swift

@@ -0,0 +1,37 @@
+//
+// Copyright 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 VerificationBadge: View {
+    let verificationState: UserIdentityVerificationState
+    
+    var body: some View {
+        switch verificationState {
+        case .verified:
+            CompoundIcon(\.verified, size: .small, relativeTo: .compound.bodyMD)
+                .foregroundStyle(.compound.iconSuccessPrimary)
+        case .verificationViolation:
+            CompoundIcon(\.infoSolid, size: .small, relativeTo: .compound.bodyMD)
+                .foregroundStyle(.compound.iconCriticalPrimary)
+        case .notVerified:
+            EmptyView()
+        }
+    }
+}
+
+struct VerificationBadge_Previews: PreviewProvider, TestablePreview {
+    static var previews: some View {
+        VStack(spacing: 16.0) {
+            VerificationBadge(verificationState: .notVerified)
+            VerificationBadge(verificationState: .verificationViolation)
+            VerificationBadge(verificationState: .verified)
+        }
+        .previewLayout(.sizeThatFits)
+    }
+}

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

@@ -12,17 +12,25 @@ import SwiftUI
 struct RoomHeaderView: View {
     let roomName: String
     let roomAvatar: RoomAvatar
+    var dmRecipientVerificationState: UserIdentityVerificationState?
     
     let mediaProvider: MediaProviderProtocol?
     
     var body: some View {
-        HStack(spacing: 12) {
+        HStack(spacing: 8) {
             avatarImage
                 .accessibilityHidden(true)
-            Text(roomName)
-                .lineLimit(1)
-                .font(.compound.bodyLGSemibold)
-                .accessibilityIdentifier(A11yIdentifiers.roomScreen.name)
+            
+            HStack(spacing: 4) {
+                Text(roomName)
+                    .lineLimit(1)
+                    .font(.compound.bodyLGSemibold)
+                    .accessibilityIdentifier(A11yIdentifiers.roomScreen.name)
+                
+                if let dmRecipientVerificationState {
+                    VerificationBadge(verificationState: dmRecipientVerificationState)
+                }
+            }
         }
         // Take up as much space as possible, with a leading alignment for use in the principal toolbar position.
         .frame(idealWidth: .greatestFiniteMagnitude, maxWidth: .infinity, alignment: .leading)
@@ -38,20 +46,23 @@ struct RoomHeaderView: View {
 
 struct RoomHeaderView_Previews: PreviewProvider, TestablePreview {
     static var previews: some View {
+        VStack(spacing: 8) {
+            makeHeader(avatarURL: nil, verificationState: .notVerified)
+            makeHeader(avatarURL: .mockMXCAvatar, verificationState: .notVerified)
+            makeHeader(avatarURL: .mockMXCAvatar, verificationState: .verified)
+            makeHeader(avatarURL: .mockMXCAvatar, verificationState: .verificationViolation)
+        }
+        .previewLayout(.sizeThatFits)
+    }
+    
+    static func makeHeader(avatarURL: URL?,
+                           verificationState: UserIdentityVerificationState) -> some View {
         RoomHeaderView(roomName: "Some Room name",
                        roomAvatar: .room(id: "1",
                                          name: "Some Room Name",
-                                         avatarURL: .mockMXCAvatar),
+                                         avatarURL: avatarURL),
+                       dmRecipientVerificationState: verificationState,
                        mediaProvider: MediaProviderMock(configuration: .init()))
-            .previewLayout(.sizeThatFits)
-            .padding()
-        
-        RoomHeaderView(roomName: "Some Room name",
-                       roomAvatar: .room(id: "1",
-                                         name: "Some Room Name",
-                                         avatarURL: nil),
-                       mediaProvider: MediaProviderMock(configuration: .init()))
-            .previewLayout(.sizeThatFits)
             .padding()
     }
 }