Vereinheitliche Empty States in Tabellen

frontend/components/EntityShowSubCreatedDocuments.vue

@@ -267,13 +267,8 @@ const selectItem = (item) => {
         :ui="{ divide: 'divide-gray-200 dark:divide-gray-800' }"
         :on-select="(row) => selectItem(row.original)"
         style="height: 70vh"
+        :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine Belege anzuzeigen' }"
     >
-      <template #empty>
-        <div class="flex flex-col items-center justify-center py-8 text-center text-sm text-muted">
-          <UIcon name="i-heroicons-circle-stack-20-solid" class="mb-2 size-5" />
-          <span>Keine Belege anzuzeigen</span>
-        </div>
-      </template>
       <template #type-cell="{ row }">
         {{ dataStore.documentTypesForCreation[row.original.type].labelSingle }}
       </template>