Use a plain view for reactions instead of a TabView. (#3328)

We don't use any of the TabView features and it shows a tab bar at the bottom when the list is long.

ElementX/Sources/Screens/Timeline/View/Supplementary/ReactionsSummaryView.swift

@@ -13,6 +13,9 @@ struct ReactionsSummaryView: View {
     let mediaProvider: MediaProviderProtocol?
     
     @State var selectedReactionKey: String
+    private var selectedReaction: AggregatedReaction? {
+        reactions.first { $0.key == selectedReactionKey }
+    }
     
     var body: some View {
         VStack(alignment: .leading, spacing: 0) {
@@ -49,19 +52,17 @@ struct ReactionsSummaryView: View {
         .padding(.bottom, 12)
     }
     
+    @ViewBuilder
     private var sendersList: some View {
-        TabView(selection: $selectedReactionKey) {
-            ForEach(reactions) { reaction in
-                ScrollView {
-                    VStack(alignment: .leading, spacing: 8) {
-                        ForEach(reaction.senders) { sender in
-                            ReactionSummarySenderView(sender: sender, member: members[sender.id], mediaProvider: mediaProvider)
-                                .padding(.horizontal, 16)
-                        }
+        if let selectedReaction {
+            ScrollView {
+                VStack(alignment: .leading, spacing: 8) {
+                    ForEach(selectedReaction.senders) { sender in
+                        ReactionSummarySenderView(sender: sender, member: members[sender.id], mediaProvider: mediaProvider)
+                            .padding(.horizontal, 16)
                     }
-                    .frame(maxWidth: .infinity)
                 }
-                .tag(reaction.key)
+                .frame(maxWidth: .infinity)
             }
         }
     }