feat(content): 콘텐츠 탭 당겨서 새로고침을 추가한다

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

@@ -22,12 +22,9 @@ struct MainContentRankingView: View {
                 )
 
                 if viewModel.isLoading && !viewModel.hasLoaded {
-                    ProgressView()
-                        .progressViewStyle(CircularProgressViewStyle(tint: .white))
-                        .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    loadingContent
                 } else if viewModel.shouldShowEmptyState {
-                    MainContentAudioRankingEmptyStateView(message: viewModel.emptyStateMessage)
-                        .frame(maxWidth: .infinity, maxHeight: .infinity)
+                    emptyContent
                 } else {
                     rankingContent
                 }
@@ -41,6 +38,20 @@ struct MainContentRankingView: View {
         .sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 2)
     }
 
+    private var loadingContent: some View {
+        GeometryReader { geometry in
+            ScrollView(showsIndicators: false) {
+                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) {
             VStack(alignment: .leading, spacing: SodaSpacing.s8) {
@@ -93,6 +104,21 @@ 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) {
+                MainContentAudioRankingEmptyStateView(message: viewModel.emptyStateMessage)
+                    .frame(minHeight: geometry.size.height)
+            }
+            .refreshable {
+                await viewModel.refresh()
+            }
+        }
     }
 
     private var twoColumns: [GridItem] {