fix: 드라이브 드래그 드롭 영역을 파일 영역 전체로 확장

드롭 오버레이가 목록 래퍼 안에 갇혀 빈 폴더에서는 안내 카드 한 장
높이만큼만 드롭 영역으로 보이던 문제를 개선한다. 페이지를 세로
플렉스로 만들고 목록 영역이 남는 높이를 모두 채우게 해, 파일이 적거나
비어 있어도 파일 영역 전체에 끌어다 놓을 수 있게 한다.

- .page: 세로 플렉스 + min-height(뷰포트 - 상단바)
- .dr-listwrap: flex 1 로 남는 공간 차지(+ min-height 하한)
- 빈 폴더/검색 결과 없음 안내문은 영역 중앙 정렬

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

frontend/src/pages/relay/DrivePage.vue

@@ -364,7 +364,10 @@ function openActivity(): void {
       </div>
 
       <!-- 목록 -->
-      <div class="dr-listwrap">
+      <div
+        class="dr-listwrap"
+        :class="{ 'is-empty': isEmpty || noResult }"
+      >
         <EmptyState v-if="loading && isEmpty">
           불러오는 중…
         </EmptyState>
@@ -687,8 +690,22 @@ function openActivity(): void {
 }
 
 /* 목록 — 전역 .list 카드(radius 0.625rem + shadow-sm) 사용 */
+/* 페이지를 세로 플렉스로 만들어 목록 영역이 남는 높이를 모두 채우게 한다(드롭 영역 확장). */
+.page {
+  display: flex;
+  flex-direction: column;
+  min-height: calc(100vh - 3.25rem); /* 100vh - .topbar 높이 */
+}
 .dr-listwrap {
   position: relative;
+  flex: 1 1 auto; /* 파일 영역이 페이지의 남는 공간 전체를 차지 → 드래그 드롭 영역도 그만큼 */
+  min-height: 16rem; /* 짧은 뷰포트에서도 최소 드롭 영역 보장 */
+}
+/* 비어있음/검색없음일 때 안내문을 영역 중앙에 배치(넓은 빈 영역이 자연스럽게 보이도록) */
+.dr-listwrap.is-empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .dr-row {
   display: flex;