Introduce a new SwiftUI TimelineView layer (wrapping the representable) to hold all the timeline specific bindings that are currently duplicated throughout the screens a timeline is used.

ElementX/Sources/Screens/RoomScreen/View/RoomScreen.swift

@@ -26,7 +26,10 @@ struct RoomScreen: View {
     }
 
     var body: some View {
-        timeline
+        TimelineView(timelineContext: timelineContext)
+            .overlay(alignment: .bottomTrailing) {
+                scrollToBottomButton
+            }
             .background(Color.compound.bgCanvasDefault.ignoresSafeArea())
             .overlay(alignment: .top) {
                 pinnedItemsBanner
@@ -65,38 +68,6 @@ struct RoomScreen: View {
             .toolbar { toolbar }
             .toolbarBackground(.visible, for: .navigationBar) // Fix the toolbar's background.
             .overlay { loadingIndicator }
-            .alert(item: $timelineContext.alertInfo)
-            .sheet(item: $timelineContext.manageMemberViewModel) {
-                ManageRoomMemberSheetView(context: $0.context)
-            }
-            .sheet(item: $timelineContext.debugInfo) { TimelineItemDebugView(info: $0) }
-            .sheet(item: $timelineContext.actionMenuInfo) { info in
-                let actions = TimelineItemMenuActionProvider(timelineItem: info.item,
-                                                             canCurrentUserRedactSelf: timelineContext.viewState.canCurrentUserRedactSelf,
-                                                             canCurrentUserRedactOthers: timelineContext.viewState.canCurrentUserRedactOthers,
-                                                             canCurrentUserPin: timelineContext.viewState.canCurrentUserPin,
-                                                             pinnedEventIDs: timelineContext.viewState.pinnedEventIDs,
-                                                             isDM: timelineContext.viewState.isDirectOneToOneRoom,
-                                                             isViewSourceEnabled: timelineContext.viewState.isViewSourceEnabled,
-                                                             timelineKind: timelineContext.viewState.timelineKind,
-                                                             emojiProvider: timelineContext.viewState.emojiProvider)
-                    .makeActions()
-                if let actions {
-                    TimelineItemMenu(item: info.item, actions: actions)
-                        .environmentObject(timelineContext)
-                }
-            }
-            .sheet(item: $timelineContext.reactionSummaryInfo) {
-                ReactionsSummaryView(reactions: $0.reactions,
-                                     members: timelineContext.viewState.members,
-                                     mediaProvider: timelineContext.mediaProvider,
-                                     selectedReactionKey: $0.selectedKey)
-                    .edgesIgnoringSafeArea([.bottom])
-            }
-            .sheet(item: $timelineContext.readReceiptsSummaryInfo) {
-                ReadReceiptsSummaryView(orderedReadReceipts: $0.orderedReceipts)
-                    .environmentObject(timelineContext)
-            }
             .timelineMediaPreview(viewModel: $roomContext.mediaPreviewViewModel)
             .track(screen: .Room)
             .onDrop(of: ["public.item", "public.file-url"], isTargeted: $dragOver) { providers -> Bool in
@@ -110,16 +81,6 @@ struct RoomScreen: View {
             }
             .sentryTrace("\(Self.self)")
     }
-
-    private var timeline: some View {
-        TimelineView()
-            .id(timelineContext.viewState.roomID)
-            .environmentObject(timelineContext)
-            .environment(\.focussedEventID, timelineContext.viewState.timelineState.focussedEvent?.eventID)
-            .overlay(alignment: .bottomTrailing) {
-                scrollToBottomButton
-            }
-    }
     
     @ViewBuilder
     private var pinnedItemsBanner: some View {