feat: add variant hint-modal to modal component (#764)

Co-authored-by: Dominik Pschenitschni <mail@celement.de>
Co-authored-by: kolaente <k@knt.li>
Reviewed-on: https://kolaente.dev/vikunja/frontend/pulls/764
Reviewed-by: konrad <k@knt.li>
Co-authored-by: dpschen <dpschen@noreply.kolaente.de>
Co-committed-by: dpschen <dpschen@noreply.kolaente.de>

src/views/About.vue

@@ -1,14 +1,10 @@
 <template>
-	<transition name="fade">
-		<div class="modal-mask hint-modal">
-			<div
-				class="modal-container"
-				@click.self="$router.back()"
-				@shortkey="$router.back()"
-				v-shortkey="['esc']"
-			>
-				<div class="modal-content">
-					<card
+	<modal
+		@close="$router.back()"
+		transition-name="fade"
+		variant="hint-modal"
+	>
+		<card
 						class="has-background-white has-no-shadow"
 						:title="$t('about.title')"
 						:has-close="true"
@@ -33,10 +29,8 @@
 							</x-button>
 						</footer>
 					</card>
-				</div>
-			</div>
-		</div>
-	</transition>
+	</modal>
+
 </template>
 
 <script>