docs(content): 댓글 많은 오디오 UI 보정 기록을 추가한다

docs/20260623_메인_콘텐츠_추천_탭/plan-task.md

@@ -533,3 +533,24 @@
     - `./gradlew :app:compileDebugKotlin`
   - 검증 기록:
     - 2026-07-09: 먼저 `ContentMainFragmentSourceTest.content 추천 layout은 요청된 섹션 순서로 배치한다`를 추가하고 기존 XML에서 `newAndHotIndex < latestAudioIndex` 조건 실패를 RED로 확인했다. 이후 `fragment_v2_main_content.xml`에서 `New&Hot` 섹션을 `새로 올라온 오디오` 위로 이동했고, `./gradlew :app:testDebugUnitTest --tests "kr.co.vividnext.sodalive.v2.main.content.ContentMainFragmentSourceTest"`, `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `git diff --check` 결과 모두 성공했다. Gradle deprecation warning과 Agora namespace warning은 기존 경고로 이번 변경과 무관하다.
+
+### 2026-07-09 후속 변경: 최근 댓글이 많은 오디오 item UI 보정
+
+- [x] **Task 9.1: Figma 24:6822 기준 댓글 영역 UI 보정**
+  - 수정:
+    - `app/src/main/res/layout/item_content_commented_audio.xml`
+    - `app/src/main/res/drawable/bg_content_commented_audio_comment.xml`
+  - 작업:
+    - 댓글 영역을 Figma `24:6822`의 `gray_800`, radius 14dp, padding 12dp 박스로 맞춘다.
+    - 댓글 텍스트는 흰색, 최대 2줄, end ellipsize, line height 1.45로 표시한다.
+    - 우측 chevron view는 추가하지 않는다.
+  - 검증:
+    - `./gradlew :app:mergeDebugResources`
+    - `./gradlew :app:compileDebugKotlin`
+    - `git diff --check`
+  - 검증 기록:
+    - 2026-07-09: TDD 예외. 이번 변경은 비즈니스 로직 없이 XML 표현 속성/배경 drawable만 조정하는 UI 레이아웃 보정이며, 저장소 가이드상 view margin/padding/visibility 같은 표현 속성 검증 테스트는 신규 작성하지 않는다. Figma `24:6822` 확인 결과 댓글은 최대 2줄 말줄임이고 우측 chevron 미표시 요구가 있어, 기존 chevron 미존재 상태를 유지하고 댓글 영역 배경/패딩/텍스트 색/lineSpacing만 수정했다.
+    - 2026-07-09: `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `git diff --check` 결과 모두 성공했다. `compileDebugKotlin`의 deprecation/annotation warning은 기존 코드 경고로 이번 XML/drawable 변경과 무관하다. 실제 기기 `SM-G960N - Android 10`에 `./gradlew :app:installDebug`로 설치했고, `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity` 후 `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다.
+    - 2026-07-09: 사용자 후속 지적에 따라 Figma `24:6823`을 재확인했다. item root는 `gray_900(#202020)`, radius 14dp, padding 14dp 배경 컨테이너이고 내부 댓글 영역은 Figma `24:6822` 기준 `gray_800(#343434)` 박스다. 이에 `item_content_commented_audio.xml` root에 기존 `bg_feed_card` 배경과 `spacing_14` padding을 적용했다. root 폭은 고정 dp가 아니라 device width에서 좌우 margin 14dp씩 총 28dp를 뺀 값으로 `ContentCommentedAudioAdapter`에서 설정한다. 여러 item 사이 margin은 기존 `ContentHorizontalItemDecoration`의 8dp를 유지한다. 댓글 작성자 profile image는 원형 outline으로 clipping하고, 콘텐츠 cover image는 기존 `radius_14` outline clipping을 유지한다.
+    - 2026-07-09: root 배경 보정 후 `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `./gradlew :app:installDebug`, `git diff --check` 결과 모두 성공했다. 실제 기기 `SM-G960N - Android 10`에서 `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity`가 `Status: ok`, `LaunchState: COLD`로 완료됐고, `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다.
+    - 2026-07-09: 추가 요청에 따라 댓글 많은 오디오 item이 여러 개 표시될 때 각 item width를 device width에서 좌우 margin 14dp씩 총 28dp를 뺀 값으로 설정하고, item 사이 간격은 기존 horizontal item decoration의 8dp를 유지했다. 댓글 작성자 profile image는 원형 outline clipping을 적용했고, 콘텐츠 cover image는 `radius_14` outline clipping을 유지했다. `./gradlew :app:mergeDebugResources`, `./gradlew :app:compileDebugKotlin`, `./gradlew :app:installDebug`, `git diff --check` 결과 모두 성공했다. 실제 기기에서 `adb shell am start -W -n kr.co.vividnext.sodalive.debug/kr.co.vividnext.sodalive.splash.SplashActivity`가 `Status: ok`, `LaunchState: COLD`로 완료됐고, `dumpsys window`에서 `kr.co.vividnext.sodalive.v2.main.MainV2Activity` focus를 확인했다.