feat(creator): 채널 탭 바를 분리한다

SodaLive/Sources/V2/CreatorChannel/Home/Components/CreatorChannelPlaceholderTabView.swift

@@ -4,16 +4,40 @@ struct CreatorChannelPlaceholderTabView: View {
     let title: String
 
     var body: some View {
-        VStack(spacing: 12) {
-            Text(title)
-                .font(.system(size: 18, weight: .semibold))
-                .foregroundColor(.white)
+        VStack(spacing: 24) {
+            VStack(spacing: 12) {
+                Text(title)
+                    .font(.system(size: 18, weight: .semibold))
+                    .foregroundColor(.white)
 
-            Text(I18n.CreatorChannelHome.placeholderMessage)
-                .font(.system(size: 14))
-                .foregroundColor(Color.gray500)
+                Text(I18n.CreatorChannelHome.placeholderMessage)
+                    .font(.system(size: 14))
+                    .foregroundColor(Color.gray500)
+            }
+
+            #if DEBUG
+            VStack(spacing: 14) {
+                ForEach(1...12, id: \.self) { index in
+                    VStack(alignment: .leading, spacing: 8) {
+                        Text("DEBUG Dummy Content \(index)")
+                            .appFont(size: 16, weight: .medium)
+                            .foregroundColor(.white)
+
+                        Text("Sticky validation placeholder row")
+                            .appFont(size: 14, weight: .regular)
+                            .foregroundColor(Color.gray500)
+                    }
+                    .frame(maxWidth: .infinity, alignment: .leading)
+                    .padding(16)
+                    .background(Color.gray900)
+                    .cornerRadius(14)
+                }
+            }
+            .padding(.horizontal, 20)
+            #endif
         }
-        .frame(maxWidth: .infinity, maxHeight: .infinity)
+        .padding(.vertical, 24)
+        .frame(maxWidth: .infinity, alignment: .top)
         .background(Color.black)
     }
 }