feat(auth): refactoring and error message

app.vue

@@ -6,11 +6,12 @@
 
 <script setup lang="ts">
 import { invoke } from "@tauri-apps/api/core";
-// @ts-expect-error
-import { AppStatus, type AppState } from "./types.d.ts";
-import { listen } from "@tauri-apps/api/event";
 import { useAppState } from "./composables/app-state.js";
 import { useRouter } from "#vue-router";
+import {
+  initialNavigation,
+  setupHooks,
+} from "./composables/state-navigation.js";
 
 const router = useRouter();
 
@@ -21,36 +22,8 @@ router.beforeEach(async () => {
   state.value = await invoke("fetch_state");
 });
 
-switch (state.value.status) {
-  case AppStatus.NotConfigured:
-    router.push({ path: "/setup" }).then(() => {
-      console.log("Pushed Setup");
-    });
-    break;
-  case AppStatus.SignedOut:
-    router.push("/auth");
-    break;
-  case AppStatus.SignedInNeedsReauth:
-    router.push("/auth/signedout");
-    break;
-  case AppStatus.ServerUnavailable:
-    router.push("/error/serverunavailable");
-    break;
-  default:
-    router.push("/store");
-}
-
-listen("auth/processing", () => {
-  router.push("/auth/processing");
-});
-
-listen("auth/failed", () => {
-  router.push("/auth/failed");
-});
-
-listen("auth/finished", () => {
-  router.push("/store");
-});
+setupHooks();
+initialNavigation(state);
 
 useHead({
   title: "Drop",