perf(banner): TabView 프리로딩 완화·다운샘플링·요청취소 적용

배너/캐러셀에서 인접 페이지 프리로딩과 원본 해상도 디코딩으로
발생하던 메모리 스파이크와 중복 로드를 완화했습니다.

- 각 페이지에서 이미지 URL을 onAppear에 바인딩, onDisappear에 nil 해제
  → 인접 페이지 프리로딩 시 중복 로드·디코딩 방지, 요청 취소 실효
- 모든 KFImage에 cancelOnDisappear(true) 일관 적용
- 큰 배너 이미지에 downsampling(size:) 적용(디코딩 메모리 절감)
- 자동 슬라이드 주기 3초 → 4초로 완화(동시 로드 빈도 감소)
- TabView 페이지를 서브뷰로 분리하여 뷰 로직 단순화 및 재사용성 향상

결과: 동시 디코딩 감소, 피크 메모리 사용량 하락, 자동 슬라이드 안정성 개선

SodaLive/Sources/Content/Main/V2/ContentMainBannerViewV2.swift

@@ -14,7 +14,7 @@ struct ContentMainBannerViewV2: View {
     let bannerList: [GetAudioContentBannerResponse]
     
     @State var currentIndex = 0
-    @State var timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+    @State var timer = Timer.publish(every: 4, on: .main, in: .common).autoconnect()
     
     @State var width: CGFloat = 0
     @State var height: CGFloat = 0
@@ -68,7 +68,7 @@ struct ContentMainBannerViewV2: View {
         .onAppear {
             width = screenSize().width - 26.7
             height = width * 0.53
-            timer = Timer.publish(every: 3, on: .main, in: .common).autoconnect()
+            timer = Timer.publish(every: 4, on: .main, in: .common).autoconnect()
         }
         .onDisappear {
             timer.upstream.connect().cancel()
@@ -107,28 +107,45 @@ struct ContentMainBannerImageView: View {
     let width: CGFloat
     let height: CGFloat
     let item: GetAudioContentBannerResponse
+    @State private var boundURL: URL?
     
     var body: some View {
-        KFImage(URL(string: url))
-            .cancelOnDisappear(true)
-            .downsampling(size: CGSize(width: width, height: height))
-            .resizable()
-            .scaledToFill()
-            .frame(width: width, height: height)
-            .cornerRadius(4.7)
-            .onTapGesture {
-                switch item.type {
-                case .EVENT:
-                    AppState.shared.setAppStep(step: .eventDetail(event: item.eventItem!))
-                case .CREATOR:
-                    AppState.shared.setAppStep(step: .creatorDetail(userId: item.creatorId!))
-                case .SERIES:
-                    AppState.shared.setAppStep(step: .seriesDetail(seriesId: item.seriesId!))
-                case .LINK:
-                    if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
-                        UIApplication.shared.open(url)
-                    }
+        Group {
+            if let boundURL {
+                KFImage(boundURL)
+                    .cancelOnDisappear(true)
+                    .downsampling(size: CGSize(width: width, height: height))
+                    .resizable()
+                    .scaledToFill()
+                    .frame(width: width, height: height)
+                    .cornerRadius(4.7)
+            } else {
+                Color.clear
+                    .frame(width: width, height: height)
+                    .cornerRadius(4.7)
+            }
+        }
+        .contentShape(Rectangle())
+        .onTapGesture {
+            switch item.type {
+            case .EVENT:
+                AppState.shared.setAppStep(step: .eventDetail(event: item.eventItem!))
+            case .CREATOR:
+                AppState.shared.setAppStep(step: .creatorDetail(userId: item.creatorId!))
+            case .SERIES:
+                AppState.shared.setAppStep(step: .seriesDetail(seriesId: item.seriesId!))
+            case .LINK:
+                if let link = item.link, link.trimmingCharacters(in: .whitespaces).count > 0, let url = URL(string: link), UIApplication.shared.canOpenURL(url) {
+                    UIApplication.shared.open(url)
                 }
             }
+        }
+        .onAppear {
+            let encoded = url.addingPercentEncoding(withAllowedCharacters: .urlQueryAllowed) ?? url
+            boundURL = URL(string: encoded)
+        }
+        .onDisappear {
+            boundURL = nil
+        }
     }
 }