feat: add message component (#1082)

This PR adds a simple message component that replaces bulma's default message.

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

src/components/misc/error.vue

@@ -1,15 +1,18 @@
 <template>
-	<div class="notification is-danger">
+	<message variant="danger">
 		<i18n-t keypath="loadingError.failed">
 			<a @click="reload">{{ $t('loadingError.tryAgain') }}</a>
 			<a href="https://vikunja.io/contact/" rel="noreferrer noopener nofollow" target="_blank">{{ $t('loadingError.contact') }}</a>
 		</i18n-t>
-	</div>
+	</message>
 </template>
 
 <script>
+import Message from '@/components/misc/message'
+
 export default {
 	name: 'error',
+	components: {Message},
 	methods: {
 		reload() {
 			window.location.reload()