Improve open videos layouts

Shared/Views/OpenVideosButton.swift

@@ -0,0 +1,39 @@
+import SwiftUI
+
+struct OpenVideosButton: View {
+    var text: String?
+    var imageSystemName: String?
+    var action: () -> Void = {}
+
+    var body: some View {
+        Button(action: action) {
+            HStack {
+                if let imageSystemName {
+                    Image(systemName: imageSystemName)
+                }
+                if let text {
+                    Text(text ?? "")
+                        .fontWeight(.bold)
+                }
+            }
+            .padding(.vertical, 10)
+            .frame(minHeight: 45)
+            .frame(maxWidth: .infinity)
+            .contentShape(Rectangle())
+        }
+        .foregroundColor(.accentColor)
+        .buttonStyle(.plain)
+        .background(buttonBackground)
+    }
+
+    var buttonBackground: some View {
+        RoundedRectangle(cornerRadius: 4)
+            .foregroundColor(Color.accentColor.opacity(0.33))
+    }
+}
+
+struct OpenVideosButton_Previews: PreviewProvider {
+    static var previews: some View {
+        OpenVideosButton(text: "Open Videos", imageSystemName: "play.circle.fill")
+    }
+}