New task

푸시 완료됐습니다. CI/CD가 자동으로 배포합니다.

**변경 내용:**
- 모바일에서 2단 컬럼 유지 (column 전환 제거)
- 왼쪽 유저 리스트: 너비 72px의 좁은 사이드바로 고정
- 닉네임 텍스트 숨김, 아바타 이미지만 표시 (36×36px)
- 검색창 숨김 (공간 절약)
- 아바타 탭으로 유저 선택 가능
- 오른쪽 메인 영역이 나머지 공간 전부 차지

front/src/views/HomeView.vue

@@ -211,13 +211,18 @@ header h1 { font-size: 1.9rem; color: #1e293b; margin: 0 0 8px; }
 .empty { color: #94a3b8; font-size: 0.9rem; margin: 0; text-align: center; padding: 12px 0; }
 
 @media (max-width: 640px) {
-  .layout { padding: 16px 12px 40px; }
+  .layout { padding: 16px 8px 40px; }
   header h1 { font-size: 1.4rem; }
-  .columns { flex-direction: column; }
-  .col-left { width: 100%; }
-  .user-list { max-height: 180px; }
+  .columns { gap: 8px; align-items: stretch; }
+  .col-left { width: 72px; flex-shrink: 0; }
+  .col-left .card { padding: 10px 6px; }
+  .user-search { display: none; }
+  .user-list { max-height: calc(100vh - 180px); gap: 4px; }
+  .user-item { padding: 6px 4px; justify-content: center; }
+  .user-name { display: none; }
+  .user-avatar { width: 36px; height: 36px; }
   .search-row { flex-direction: column; }
   .search-row .btn { width: 100%; }
-  .card { padding: 14px; }
+  .card { padding: 12px; }
 }
 </style>