fix(fe): eliminate duplicate wrappers and enforce exact viewport-fit grid height in ShadowRunQueue

frontend/src/features/shadow-run/pages/ShadowRunQueue.vue

@@ -135,16 +135,12 @@ const handleRetry = () => {
     </template>
 
     <!-- Default Slot: Standardized Grid -->
-    <div class="content">
-      <div class="job-list-container">
-        <h2>Shadow Run Jobs ({{ filteredJobs.length }})</h2>
     <DataGridShell
       :rows="filteredJobs"
       :columns="shadowRunColumns"
+      height="calc(100vh - 210px)"
       empty-message="검색 조건에 맞는 배치 작업이 없습니다."
     />
-      </div>
-    </div>
   </BatchOperationsPageV2>
 </template>
 
@@ -225,8 +221,8 @@ h1 {
 .filters {
   display: grid;
   grid-template-columns: 1fr 150px;
-  gap: var(--spacing-4);
+  gap: var(--ks-space-2);
-  margin-bottom: var(--spacing-5);
+  margin-bottom: 0;
 }
 
 .input {

frontend/src/shared/ui/DataGridShell.vue

@@ -7,10 +7,11 @@ const props = withDefaults(defineProps<{
   columns: UiGridColumn[]
   loading?: boolean
   emptyMessage?: string
+  height?: string
   page?: number
   pageSize?: number
   total?: number
-}>(), { loading: false, emptyMessage: '표시할 데이터가 없습니다.' })
+}>(), { loading: false, emptyMessage: '표시할 데이터가 없습니다.', height: 'calc(100vh - 230px)' })
 const emit = defineEmits<{ pageChange: [value: { page: number; pageSize: number }] }>()
 </script>
 
@@ -18,7 +19,7 @@ const emit = defineEmits<{ pageChange: [value: { page: number; pageSize: number
   <section aria-label="데이터 표" :aria-busy="loading">
     <p v-if="loading">데이터를 불러오는 중입니다.</p>
     <p v-else-if="rows.length === 0">{{ emptyMessage }}</p>
-    <KsDataGrid v-else :rows="rows" :columns="columns" height="calc(100vh - 230px)" />
+    <KsDataGrid v-else :rows="rows" :columns="columns" :height="props.height" />
     <KsPaginator
       v-if="props.page !== undefined && props.pageSize !== undefined && props.total !== undefined"
       :page="props.page"