make error toast global in admin routes

src/routes/admin/login/+page.svelte

@@ -1,13 +1,13 @@
 <script lang="ts">
 	import Input from '$lib/components/Input/Input.svelte';
 	import { env } from '$env/dynamic/public';
-	import ErrorToast from '$lib/components/Toast/ErrorToast.svelte';
 	import { goto } from '$app/navigation';
+	import { errorMessage } from '$lib/stores';
 
 	let passwordValue: string;
 	async function login() {
 		// eslint-disable-next-line no-async-promise-executor
-		loginRequest = new Promise(async (resolve, reject) => {
+		loginRequest = new Promise(async (resolve) => {
 			const response = await fetch(`${env.PUBLIC_BASE_PATH}/admin/login`, {
 				method: 'POST',
 				body: new FormData(document.forms[0])
@@ -15,21 +15,18 @@
 			if (response.ok) {
 				await goto(`${env.PUBLIC_BASE_PATH}/admin`, { invalidateAll: true });
 				resolve();
-			} else if (response.status == 403) {
+			} else if (response.status == 401) {
 				passwordValue = '';
-				showError = true;
-				errorToastElement.reset();
+				$errorMessage = 'Nutzername oder Passwort falsch';
 				resolve();
 			} else {
-				reject(Error(`${response.statusText} (${response.status})`));
+				$errorMessage = `${response.statusText} (${response.status})`;
 			}
 			loginRequest = null;
 		});
 	}
 
 	let loginRequest: Promise<void> | null = null;
-	let showError = false;
-	let errorToastElement: ErrorToast;
 </script>
 
 <div class="card px-14 py-6 shadow-lg">
@@ -82,7 +79,3 @@
 		</div>
 	</form>
 </div>
-
-<ErrorToast timeout={2000} bind:show={showError} bind:this={errorToastElement}>
-	<span>Nutzername oder Passwort falsch</span>
-</ErrorToast>