Add playback controls to videos

This commit includes several UX changes to give users better control
over video playback. It also, by design, work arounds a SwiftUI quirk*

Here are the changes to the UX:

1. Videos on the feed only have a mute/unmute button
2. When the user clicks on the video, they are taken to a full screen carousel view (similar to when you click on an image)
3. The full-screen carousel view shows all video playback controls (through a specific SwiftUI hack)
4. If the carousel has multiple videos/images, the user can swipe between them normally as expected

Other UI changes that were made:

- The full screen carousel now uses dark mode (black background, white close button)

* The SwiftUI quirk is that when video views are placed within a TabView with ".page" tab view style, the tabview consumes most of the user gestures, making the video playback controls unusable.

Changelog-Changed: Improve UX around video playback
Signed-off-by: Daniel D’Aquino <daniel@daquino.me>
Link: 20240318222048.14226-3-daniel@daquino.me
Signed-off-by: William Casarin <jb55@jb55.com>

damus/Views/Images/ProfilePicImageView.swift

@@ -42,16 +42,27 @@ struct ProfileImageContainerView: View {
 struct NavDismissBarView: View {
     
     @Environment(\.presentationMode) var presentationMode
+    let showBackgroundCircle: Bool
+    
+    init(showBackgroundCircle: Bool = true) {
+        self.showBackgroundCircle = showBackgroundCircle
+    }
     
     var body: some View {
         HStack {
             Button(action: {
                 presentationMode.wrappedValue.dismiss()
             }, label: {
-                Image("close")
-                    .frame(width: 33, height: 33)
-                    .background(.regularMaterial)
-                    .clipShape(Circle())
+                if showBackgroundCircle {
+                    Image("close")
+                        .frame(width: 33, height: 33)
+                        .background(.regularMaterial)
+                        .clipShape(Circle())
+                }
+                else {
+                    Image("close")
+                        .frame(width: 33, height: 33)
+                }
             })
             
             Spacer()