feat(refresh): Lottie 새로고침 표시를 적용한다

SodaLive/Sources/V2/Main/Content/Recommendation/MainContentRecommendationView.swift

@@ -22,7 +22,9 @@ struct MainContentRecommendationView: View {
             } else if viewModel.shouldShowEmptyState {
                 emptyContent
             } else {
-                ScrollView(showsIndicators: false) {
+                LottieRefreshableScrollView(action: {
+                    await viewModel.refresh()
+                }) {
                     VStack(alignment: .leading, spacing: SodaSpacing.s24) {
                         if let recommendations = viewModel.recommendations {
                             MainContentAudioBannerSection(
@@ -80,9 +82,6 @@ struct MainContentRecommendationView: View {
                     }
                     .padding(.vertical, SodaSpacing.s20)
                 }
-                .refreshable {
-                    await viewModel.refresh()
-                }
             }
         }
         .onAppear {
@@ -99,27 +98,25 @@ struct MainContentRecommendationView: View {
 
     private var loadingContent: some View {
         GeometryReader { geometry in
-            ScrollView(showsIndicators: false) {
+            LottieRefreshableScrollView(action: {
+                await viewModel.refresh()
+            }) {
                 ProgressView()
                     .progressViewStyle(CircularProgressViewStyle(tint: .white))
                     .frame(maxWidth: .infinity)
                     .frame(minHeight: geometry.size.height)
             }
-            .refreshable {
-                await viewModel.refresh()
-            }
         }
     }
 
     private var emptyContent: some View {
         GeometryReader { geometry in
-            ScrollView(showsIndicators: false) {
+            LottieRefreshableScrollView(action: {
+                await viewModel.refresh()
+            }) {
                 MainContentAudioEmptyStateView(message: viewModel.emptyStateMessage)
                     .frame(minHeight: geometry.size.height)
             }
-            .refreshable {
-                await viewModel.refresh()
-            }
         }
     }
 }