Automatically try reloading failed images on network changes (#3170)

* Add the networkMonitor to the NSE and delete the old MockMediaLoader

* Generate a MediaLoaderMock through AutoMockable and use it in the MediaProviderTests

* Implement an ImageProvider mechanism that automatically tries reloading images when connectivity is established again and use it for LoadableImages

* Merge the ImageProvider protocol back into the MediaProvider

* Address PR review comments

* Provide a default sdk client request configuration

* Address tasks not automatically cancelling themselves when views get deallocated

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

@@ -19,7 +19,7 @@ import SwiftUI
 struct ReactionsSummaryView: View {
     let reactions: [AggregatedReaction]
     let members: [String: RoomMemberState]
-    let imageProvider: ImageProviderProtocol?
+    let mediaProvider: MediaProviderProtocol?
     
     @State var selectedReactionKey: String
     
@@ -64,7 +64,7 @@ struct ReactionsSummaryView: View {
                 ScrollView {
                     VStack(alignment: .leading, spacing: 8) {
                         ForEach(reaction.senders) { sender in
-                            ReactionSummarySenderView(sender: sender, member: members[sender.id], imageProvider: imageProvider)
+                            ReactionSummarySenderView(sender: sender, member: members[sender.id], mediaProvider: mediaProvider)
                                 .padding(.horizontal, 16)
                         }
                     }
@@ -110,7 +110,7 @@ private struct ReactionSummaryButton: View {
 private struct ReactionSummarySenderView: View {
     var sender: ReactionSender
     var member: RoomMemberState?
-    let imageProvider: ImageProviderProtocol?
+    let mediaProvider: MediaProviderProtocol?
     
     var displayName: String {
         member?.displayName ?? sender.id
@@ -122,7 +122,7 @@ private struct ReactionSummarySenderView: View {
                                 name: displayName,
                                 contentID: sender.id,
                                 avatarSize: .user(on: .timeline),
-                                imageProvider: imageProvider)
+                                mediaProvider: mediaProvider)
             
             VStack(alignment: .leading, spacing: 0) {
                 HStack(spacing: 8) {
@@ -147,7 +147,7 @@ struct ReactionsSummaryView_Previews: PreviewProvider, TestablePreview {
     static var previews: some View {
         ReactionsSummaryView(reactions: AggregatedReaction.mockReactions,
                              members: [:],
-                             imageProvider: MockMediaProvider(),
+                             mediaProvider: MockMediaProvider(),
                              selectedReactionKey: AggregatedReaction.mockReactions[0].key)
     }
 }

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

@@ -31,7 +31,7 @@ struct TimelineReadReceiptsView: View {
                                         name: context.viewState.members[receipt.userID]?.displayName,
                                         contentID: receipt.userID,
                                         avatarSize: .user(on: .readReceipt),
-                                        imageProvider: context.imageProvider)
+                                        mediaProvider: context.mediaProvider)
                         .overlay {
                             RoundedRectangle(cornerRadius: .infinity)
                                 .stroke(Color.compound.bgCanvasDefault, lineWidth: 1)