feat: 清理示例数据并统一空态体验

frontend/src/views/ia/DrugShipments.vue

@@ -102,8 +102,10 @@
               </el-button>
             </template>
           </el-table-column>
+          <template #empty>
+            <div v-if="!loading" class="table-empty">{{ TEXT.modules.drugShipments.empty }}</div>
+          </template>
         </el-table>
-        <StateEmpty v-if="!loading && sortedItems.length === 0" :description="TEXT.modules.drugShipments.empty" />
       </div>
     </div>
   </div>
@@ -118,7 +120,6 @@ import { useStudyStore } from "../../store/study";
 import { listDrugShipments, deleteDrugShipment } from "../../api/drugShipments";
 import { fetchSites } from "../../api/sites";
 import { displayDate, displayEnum } from "../../utils/display";
-import StateEmpty from "../../components/StateEmpty.vue";
 import { TEXT } from "../../locales";
 
 const router = useRouter();
@@ -312,6 +313,16 @@ onMounted(async () => {
 .text-muted {
   color: var(--ctms-text-placeholder);
 }
+.table-empty {
+  min-height: 220px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: #8a97ab;
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: 0.02em;
+}
 </style>
 
 <style>