fix: don't use transitions for elements where it is not possible

Resolves https://kolaente.dev/vikunja/frontend/issues/2153

src/App.vue

@@ -10,9 +10,7 @@
 		</no-auth-wrapper>
 		<Notification/>
 
-		<transition name="fade">
+		<keyboard-shortcuts v-if="keyboardShortcutsActive"/>
-			<keyboard-shortcuts v-if="keyboardShortcutsActive"/>
-		</transition>
 	</ready>
 </template>
 

src/components/home/contentAuth.vue

@@ -38,16 +38,14 @@
 					</keep-alive>
 				</router-view>
 
-				<transition name="modal">
+				<modal
-					<modal
+					v-if="currentModal"
-						v-if="currentModal"
+					@close="closeModal()"
-						@close="closeModal()"
+					variant="scrolling"
-						variant="scrolling"
+					class="task-detail-view-modal"
-						class="task-detail-view-modal"
+				>
-					>
+					<component :is="currentModal"/>
-						<component :is="currentModal"/>
+				</modal>
-					</modal>
-				</transition>
 
 				<BaseButton
 					class="keyboard-shortcuts-button d-print-none"

src/components/misc/modal.vue

@@ -1,7 +1,7 @@
 <template>
 	<Teleport to="body">
 		<!-- FIXME: transition should not be included in the modal -->
-		<transition name="modal">
+		<transition :name="transitionName">
 			<section
 				v-if="enabled"
 				class="modal-mask"