Vereinheitliche Empty States in Tabellen

frontend/components/displayOpenTasks.vue

@@ -22,14 +22,11 @@ setupPage()
 
 <template>
   <UTable
-      v-if="openTasks.length > 0"
     :data="openTasks"
-      :columns="normalizeTableColumns([{key:'name',label:'Name'},{key:'categorie',label:'Kategorie'}])"
-      :on-select="(i) => router.push(`/tasks/show/${i.id}`)"
+    :columns="normalizeTableColumns([{key:'name',label:'Name'},{key:'categorie',label:'Kategorie'}])"
+    :on-select="(i) => router.push(`/tasks/show/${i.id}`)"
+    :empty="{ icon: 'i-heroicons-circle-stack-20-solid', label: 'Keine offenen Aufgaben' }"
   />
-  <div v-else>
-    <p  class="text-center font-bold">Keine offenen Aufgaben</p>
-  </div>
 </template>
 
 <style scoped>