feat(creator): 시리즈 탭을 추가한다

SodaLive/Sources/V2/CreatorChannel/Series/Components/CreatorChannelSeriesOwnershipRateView.swift

@@ -0,0 +1,60 @@
+import SwiftUI
+
+struct CreatorChannelSeriesOwnershipRateView: View {
+    let purchasedContentCount: Int
+    let paidContentCount: Int
+    let purchasedPaidContentRate: Int
+
+    private var progress: Double {
+        max(0, min(Double(purchasedPaidContentRate) / 100, 1))
+    }
+
+    init(
+        purchasedContentCount: Int,
+        paidContentCount: Int,
+        purchasedPaidContentRate: Int
+    ) {
+        self.purchasedContentCount = purchasedContentCount
+        self.paidContentCount = paidContentCount
+        self.purchasedPaidContentRate = purchasedPaidContentRate
+    }
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: SodaSpacing.s4) {
+            HStack(alignment: .center, spacing: SodaSpacing.s8) {
+                (
+                    Text(purchasedContentCount.comma())
+                        .foregroundColor(.white)
+                    + Text("/\(paidContentCount.comma())\(I18n.CreatorChannelSeries.contentCountUnit)")
+                        .foregroundColor(Color.gray500)
+                )
+                .appFont(size: 14, weight: .medium)
+                .lineLimit(1)
+
+                Spacer(minLength: SodaSpacing.s8)
+
+                Text("\(purchasedPaidContentRate)%")
+                    .appFont(size: 14, weight: .medium)
+                    .foregroundColor(Color.soda400)
+                    .lineLimit(1)
+            }
+
+            ProgressView(value: progress)
+                .progressViewStyle(.linear)
+                .tint(Color.soda400)
+                .frame(height: 4)
+        }
+    }
+}
+
+struct CreatorChannelSeriesOwnershipRateView_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelSeriesOwnershipRateView(
+            purchasedContentCount: 12,
+            paidContentCount: 45,
+            purchasedPaidContentRate: 40
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}