feat: use transition component everywhere

src/views/tasks/TaskDetailView.vue

@@ -430,9 +430,9 @@
 		</div>
 
 		<modal
+			:enabled="showDeleteModal"
 			@close="showDeleteModal = false"
 			@submit="deleteTask()"
-			v-if="showDeleteModal"
 		>
 			<template #header><span>{{ $t('task.detail.delete.header') }}</span></template>
 
@@ -1007,8 +1007,6 @@ line-height: 1;
 	padding-left: .25rem;
 }
 
-@include modal-transition();
-
 .detail-content {
   @media print {
 		width: 100% !important;