Add support for homeserver capabilities to disable the UserDetailsEditScreen UI. (#5421)

Add support for homeserver capabilities to disable editing your user profile.

Also updates editable avatar size/formatting to match the latest Figma at the same time.

ElementX/Sources/Other/Avatars.swift

@@ -134,10 +134,12 @@ enum RoomAvatarSizeOnScreen {
     case globalSearch
     case roomSelection
     case details
+    case editRoomDetails
     case notificationSettings
     case roomDirectorySearch
     case joinRoom
     case spaceHeader
+    case editSpaceDetails
     case spaceAddRooms
     case spaceAddRoomsSelected
     case completionSuggestions
@@ -157,9 +159,9 @@ enum RoomAvatarSizeOnScreen {
         case .chats, .spaces, .spaceSettings,
              .spaceAddRoomsSelected:
             52
-        case .joinRoom, .spaceHeader:
+        case .joinRoom, .spaceHeader, .editSpaceDetails:
             64
-        case .details:
+        case .details, .editRoomDetails:
             96
         }
     }

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

@@ -0,0 +1,69 @@
+//
+// Copyright 2026 Element Creations 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 EditAvatarButtonStyle: ButtonStyle {
+    @Environment(\.isEnabled) private var isEnabled
+    
+    func makeBody(configuration: Configuration) -> some View {
+        configuration.label
+            .overlay(alignment: .bottomTrailing) {
+                if isEnabled {
+                    EditAvatarBadge()
+                        .scaledOffset(x: 8, y: 0, relativeTo: .title)
+                }
+            }
+    }
+}
+
+struct EditAvatarBadge: View {
+    var body: some View {
+        CompoundIcon(\.edit, size: .small, relativeTo: .body)
+            .foregroundStyle(.compound.iconPrimary)
+            .scaledPadding(5, relativeTo: .title)
+            .background {
+                Circle()
+                    .fill(Color.compound.bgCanvasDefault)
+                    .overlay {
+                        Circle()
+                            .inset(by: -0.5)
+                            .stroke(.compound.borderInteractiveSecondary, lineWidth: 1)
+                    }
+            }
+            .scaledPadding(4, relativeTo: .title)
+            .background(.compound.bgSubtleSecondaryLevel0, in: Circle())
+            .scaledPadding(-4)
+            .accessibilityHidden(true)
+    }
+}
+
+struct EditAvatarButtonStyle_Previews: PreviewProvider {
+    static var previews: some View {
+        VStack(spacing: 20) {
+            Button { } label: {
+                LoadableAvatarImage(url: nil,
+                                    name: "Test", contentID: "test",
+                                    avatarSize: .user(on: .editUserDetails),
+                                    mediaProvider: MediaProviderMock(configuration: .init()))
+            }
+            .buttonStyle(EditAvatarButtonStyle())
+            
+            Button { } label: {
+                LoadableAvatarImage(url: nil,
+                                    name: "Test", contentID: "test",
+                                    avatarSize: .user(on: .editUserDetails),
+                                    mediaProvider: MediaProviderMock(configuration: .init()))
+            }
+            .buttonStyle(EditAvatarButtonStyle())
+            .disabled(true)
+        }
+        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .background(.compound.bgSubtleSecondaryLevel0)
+    }
+}