Merge feature/video-meeting-host-avatar: 회의 목록 소유자 아바타+이름 표기

회의방 목록의 진행자(소유자) 표기를 별 아이콘+이름에서 UserAvatar(프로필
이미지/실루엣)+이름으로 변경 — 프로젝트·업무 화면의 사람 표기 방식과 일치.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

frontend/src/components/meeting/MeetingLobby.vue

@@ -4,6 +4,7 @@ import { computed, ref } from 'vue'
 import MeetingIcon from './MeetingIcon.vue'
 import MeetingCreateForm from './MeetingCreateForm.vue'
 import EmptyState from '@/components/common/EmptyState.vue'
+import UserAvatar from '@/components/UserAvatar.vue'
 import { relativeTimeKo, formatDate } from '@/shared/utils/format'
 import type { ApiMeetingRoom } from '@/types/meeting'
 
@@ -118,8 +119,11 @@ function fmtSchedule(iso: string): string {
           <div class="rr-meta">
             <span
               v-if="r.host"
-              class="rr-mi"
-            ><MeetingIcon name="host" />{{ r.host.name }}</span>
+              class="rr-mi rr-host"
+            ><span class="rr-av"><UserAvatar
+              :url="r.host.avatarUrl"
+              :name="r.host.name"
+            /></span>{{ r.host.name }}</span>
             <span
               v-if="r.scheduledAt"
               class="rr-mi"
@@ -303,6 +307,16 @@ function fmtSchedule(iso: string): string {
   width: 0.8125rem;
   height: 0.8125rem;
 }
+/* 소유자(진행자) — 아바타 + 이름 (프로젝트·업무 화면과 동일 표기) */
+.rr-host {
+  gap: 0.375rem;
+  color: var(--text-2);
+}
+.rr-av {
+  width: 1.25rem;
+  height: 1.25rem;
+  flex-shrink: 0;
+}
 .rr-dim {
   color: var(--text-3);
 }