UI Fixes in the media viewer (#1395)

* UI Fixes in the media viewer

* [CI] Snapshots (#1396)

Co-authored-by: Stream Bot <ci@getstream.io>

---------

Co-authored-by: Stream SDK Bot <60655709+Stream-SDK-Bot@users.noreply.github.com>
Co-authored-by: Stream Bot <ci@getstream.io>
Co-authored-by: Nuno Vieira <nuno.fcvieira93@gmail.com>

Author: 4 people

Sources/StreamChatSwiftUI/ChatChannel/ChannelInfo/MediaAttachmentsView.swift

@@ -65,6 +65,7 @@ public struct MediaAttachmentsView<Factory: ViewFactory>: View {
 /// View displaying a grid of media attachments using an adaptive column layout.
 struct MediaAttachmentsGridView<Factory: ViewFactory>: View {
     @Injected(\.tokens) private var tokens
+    @Injected(\.colors) private var colors
 
     let factory: Factory
     let attachments: [MediaAttachment]
@@ -148,7 +149,7 @@ struct MediaAttachmentsGridView<Factory: ViewFactory>: View {
                             )
                             .overlay(
                                 Circle()
-                                    .stroke(Color.white, lineWidth: 1)
+                                    .stroke(colors.borderCoreInverse.toColor, lineWidth: 2)
                             )
                             .padding(.all, 8)
                         }

Sources/StreamChatSwiftUI/ChatMessageList/Gallery/MediaViewer.swift

@@ -141,6 +141,7 @@ public struct MediaViewer<Factory: ViewFactory>: View {
                     }
                 }
                 .padding(.all, tokens.spacingXl)
+                .frame(height: 72)
             }
             .sheet(isPresented: $gridShown) {
                 GridMediaView(

Sources/StreamChatSwiftUI/ViewFactory/DefaultViewFactory.swift

@@ -206,7 +206,8 @@ extension ViewFactory {
         UserAvatar(
             user: options.user,
             size: options.size,
-            indicator: options.showsIndicator ? (options.user.isOnline ? .online : .offline) : .none
+            indicator: options.showsIndicator ? (options.user.isOnline ? .online : .offline) : .none,
+            showsBorder: options.showsBorder
         )
     }