Add support for showing the user's own status over their avatar on the app's Settings button. (#5912)

* Add a common .inverseMask view modifier and use a blend mode for efficiency.

This also fixes the snapshot rendering 🎉

* Add support for the status emoji on the app's Setting button.

* Align the room header decoration icons with the status emoji.

* Add missing snapshots.

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

@@ -85,15 +85,9 @@ struct HomeScreen: View {
         Button {
             context.send(viewAction: .showSettings)
         } label: {
-            LoadableAvatarImage(url: context.viewState.userProfile.avatarURL,
-                                name: context.viewState.userProfile.displayName,
-                                contentID: context.viewState.userProfile.id,
-                                avatarSize: .user(on: .chats),
-                                mediaProvider: context.mediaProvider)
-                .accessibilityIdentifier(A11yIdentifiers.homeScreen.userAvatar)
-                .clipShape(.circle)
-                .overlayBadge(10, isBadged: context.viewState.requiresExtraAccountSetup)
-                .compositingGroup()
+            AvatarSettingsButtonLabel(userProfile: context.viewState.userProfile,
+                                      requiresExtraAccountSetup: context.viewState.requiresExtraAccountSetup,
+                                      mediaProvider: context.mediaProvider)
         }
         .accessibilityLabel(L10n.commonSettings)
     }

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

@@ -96,13 +96,8 @@ struct SpacesScreen: View {
             Button {
                 context.send(viewAction: .showSettings)
             } label: {
-                LoadableAvatarImage(url: context.viewState.userProfile.avatarURL,
-                                    name: context.viewState.userProfile.displayName,
-                                    contentID: context.viewState.userProfile.id,
-                                    avatarSize: .user(on: .spaces),
-                                    mediaProvider: context.mediaProvider)
-                    .accessibilityIdentifier(A11yIdentifiers.homeScreen.userAvatar)
-                    .compositingGroup()
+                AvatarSettingsButtonLabel(userProfile: context.viewState.userProfile,
+                                          mediaProvider: context.mediaProvider)
             }
             .buttonStyle(.borderless)
             .accessibilityLabel(L10n.commonSettings)