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

SodaLive/Sources/V2/Main/Content/Ranking/MainContentRankingView.swift

@@ -40,20 +40,21 @@ struct MainContentRankingView: 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 rankingContent: some View {
-        ScrollView(showsIndicators: false) {
+        LottieRefreshableScrollView(action: {
+            await viewModel.refresh()
+        }) {
             VStack(alignment: .leading, spacing: SodaSpacing.s8) {
                 if let topItem {
                     MainContentAudioRankingTopCard(
@@ -104,20 +105,16 @@ struct MainContentRankingView: View {
             .padding(.horizontal, SodaSpacing.s8)
             .padding(.vertical, SodaSpacing.s20)
         }
-        .refreshable {
-            await viewModel.refresh()
-        }
     }
 
     private var emptyContent: some View {
         GeometryReader { geometry in
-            ScrollView(showsIndicators: false) {
+            LottieRefreshableScrollView(action: {
+                await viewModel.refresh()
+            }) {
                 MainContentAudioRankingEmptyStateView(message: viewModel.emptyStateMessage)
                     .frame(minHeight: geometry.size.height)
             }
-            .refreshable {
-                await viewModel.refresh()
-            }
         }
     }