feat(ui): unify finance and file management surfaces

frontend/scripts/verify-ui-contract.mjs

@@ -67,6 +67,27 @@ for (const className of requiredOverviewClasses) {
   }
 }
 
+const financeAndFilePages = [
+  "src/views/fees/ContractFees.vue",
+  "src/views/fees/SpecialExpenses.vue",
+  "src/views/ia/FileVersionManagement.vue"
+];
+
+const requiredFinanceAndFileClasses = [
+  "ctms-page-shell",
+  "unified-action-bar",
+  "unified-shell"
+];
+
+for (const file of financeAndFilePages) {
+  const content = readFileSync(file, "utf8");
+  for (const className of requiredFinanceAndFileClasses) {
+    if (!content.includes(className)) {
+      missing.push(`${file}:${className}`);
+    }
+  }
+}
+
 if (missing.length) {
   console.error("UI contract check failed. Missing:", missing.join(", "));
   process.exit(1);

frontend/src/views/fees/ContractFees.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell">
     <div class="overview">
       <el-row :gutter="20">
         <el-col :xs="24" :sm="12" :md="6">

frontend/src/views/fees/SpecialExpenses.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="page">
+  <div class="page ctms-page-shell">
     <div class="overview">
       <el-row :gutter="20">
         <el-col :xs="24" :sm="12" :md="6">

frontend/src/views/ia/FileVersionManagement.vue

@@ -1,6 +1,13 @@
 <template>
-  <div class="redirecting">
+  <div class="redirecting ctms-page-shell">
+    <section class="unified-action-bar">
+      <div class="redirecting-title">{{ TEXT.menu.fileVersionManagement }}</div>
+    </section>
+    <section class="unified-shell">
+      <section class="unified-section">
         <el-empty :description="`${TEXT.common.loading}...`" />
+      </section>
+    </section>
   </div>
 </template>
 
@@ -23,6 +30,12 @@ onMounted(() => {
 
 <style scoped>
 .redirecting {
-  padding: 24px;
+  min-height: 180px;
+}
+
+.redirecting-title {
+  font-size: 15px;
+  font-weight: 700;
+  color: var(--ctms-text-main);
 }
 </style>