feat: use BaseButton where easily possible

This replaces links with BaseButton components. BaseButton will use `<button type="button">` inside for this case. This improves accessibility a lot. Also we might be able to remove the `.stop` modifiers in some places because AFAIK the button element stops propagation by default.

src/components/misc/error.vue

@@ -1,7 +1,7 @@
 <template>
 	<message variant="danger">
 		<i18n-t keypath="loadingError.failed">
-			<a @click="reload">{{ $t('loadingError.tryAgain') }}</a>
+			<BaseButton @click="reload">{{ $t('loadingError.tryAgain') }}</BaseButton>
 			<a href="https://vikunja.io/contact/" rel="noreferrer noopener nofollow" target="_blank">{{ $t('loadingError.contact') }}</a>
 		</i18n-t>
 	</message>
@@ -9,6 +9,7 @@
 
 <script lang="ts" setup>
 import Message from '@/components/misc/message.vue'
+import BaseButton from '@/components/base/BaseButton.vue'
 
 function reload() {
 	window.location.reload()