feat(creator-channel): 닉네임, 팔로워 표시 UI 수정

SodaLive/Sources/Explorer/Profile/UserProfileView.swift

@@ -27,7 +27,6 @@ struct UserProfileView: View {
         GeometryReader { proxy in
             BaseView(isLoading: $viewModel.isLoading) {
                 ZStack(alignment: .top) {
-                    VStack(spacing: 0) {
                     ScrollView(.vertical, showsIndicators: false) {
                         LazyVStack(spacing: 48) {
                             if let creatorProfile = viewModel.creatorProfile {
@@ -39,6 +38,51 @@ struct UserProfileView: View {
                                         .aspectRatio(1, contentMode: .fill)
                                         .frame(maxWidth: screenSize().width)
                                         .clipped()
+                                    
+                                    VStack(alignment: .leading, spacing: 8) {
+                                        HStack(spacing: 8) {
+                                            Text(creatorProfile.creator.nickname)
+                                                .font(.custom(Font.preBold.rawValue, size: 32))
+                                                .foregroundColor(.white)
+                                            
+                                            if creatorProfile.creator.creatorId != UserDefaults.int(forKey: .userId) {
+                                                Image(
+                                                    creatorProfile.creator.isFollow ?
+                                                    creatorProfile.creator.isNotify ? "btn_following_big": "btn_following_no_alarm_big"
+                                                    : "btn_follow_big"
+                                                )
+                                                .resizable()
+                                                .frame(width: 83.3, height: 26.7)
+                                                .onTapGesture {
+                                                    if creatorProfile.creator.isFollow {
+                                                        isShowFollowNotifyDialog = true
+                                                    } else {
+                                                        viewModel.creatorFollow()
+                                                    }
+                                                }
+                                            }
+                                        }
+                                        
+                                        if creatorProfile.creator.creatorId == UserDefaults.int(forKey: .userId) {
+                                            Text("팔로워 리스트")
+                                                .font(.custom(Font.preBold.rawValue, size: 16))
+                                                .foregroundColor(Color.black)
+                                                .padding(.vertical, 8)
+                                                .frame(maxWidth: .infinity)
+                                                .background(Color.white)
+                                                .cornerRadius(999)
+                                                .onTapGesture {
+                                                    AppState.shared.setAppStep(step: .followerList(userId: creatorProfile.creator.creatorId))
+                                                }
+                                        } else {
+                                            VStack(alignment: .leading, spacing: 9.3) {
+                                                Text("팔로워 \(creatorProfile.creator.notificationRecipientCount)명")
+                                                    .font(.custom(Font.preMedium.rawValue, size: 16))
+                                                    .foregroundColor(Color.white)
+                                            }
+                                        }
+                                    }
+                                    .padding(24)
                                 }
                                 
                                 if let item = creatorProfile.latestContent {
@@ -313,7 +357,6 @@ struct UserProfileView: View {
                             }
                         }
                     }
-                    }
                     
                     HStack(spacing: 14) {
                         Button {