V13-FE-011: finalize search list layout slice

frontend/src/features/data-quality/pages/DataQualityPage.vue

@@ -2,32 +2,29 @@
 import { computed } from 'vue'
 import type { UiGridColumn } from '../../../shared/ui/adapter/contracts'
 import DataGridShell from '../../../shared/ui/DataGridShell.vue'
+import PageLayout from '../../../shared/ui/layouts/PageLayout.vue'
 import type { DataQualityRun } from '../schema'
 
 // Template fixture only. Production data must come from DAT-03 and pass Zod validation.
 const rows: DataQualityRun[] = []
 const columns = computed<UiGridColumn[]>(() => [
-  { field: 'source', header: 'Source' },
-  { field: 'session', header: 'Session' },
-  { field: 'status', header: 'DQ' },
-  { field: 'rowCount', header: 'Rows' },
-  { field: 'failedRows', header: 'Failed' },
-  { field: 'sourceWatermark', header: 'Watermark' },
-  { field: 'datasetId', header: 'Dataset' },
-  { field: 'completedAt', header: 'Completed' }
+  { field: 'source', header: '소스' },
+  { field: 'session', header: '세션' },
+  { field: 'status', header: '품질 상태' },
+  { field: 'rowCount', header: '전체 행' },
+  { field: 'failedRows', header: '실패 행' },
+  { field: 'sourceWatermark', header: '워터마크' },
+  { field: 'datasetId', header: '데이터셋' },
+  { field: 'completedAt', header: '완료 시각' }
 ])
 </script>
 
 <template>
-  <main>
-    <header>
-      <h1>데이터 품질 운영</h1>
-      <p>Raw→PIT→DQ→Dataset lineage를 확인합니다. QUARANTINED 데이터는 추천에 사용할 수 없습니다.</p>
-    </header>
+  <PageLayout title="데이터 품질 운영" subtitle="Raw→PIT→DQ→Dataset lineage를 확인합니다. QUARANTINED 데이터는 추천에 사용할 수 없습니다.">
     <DataGridShell
       :rows="rows"
       :columns="columns"
       empty-message="DAT-03 계약이 구현되면 서버 검증 결과가 표시됩니다."
     />
-  </main>
+  </PageLayout>
 </template>