feat: push to login on unauthorized

src/App.vue

 <script setup lang="ts">
 import { RouterView } from 'vue-router'
-//import ErrorBoundaryCatcher from '@/components/Exceptions/ErrorBoundaryCatcher.vue';
+import ErrorBoundaryCatcher from '@/components/Exceptions/ErrorBoundaryCatcher.vue';
 </script>
 
 <template>
   <main>
-    <error-boundary-catcher>
+    <ErrorBoundaryCatcher>
       <RouterView />
-    </error-boundary-catcher>
+    </ErrorBoundaryCatcher>
   </main>
 </template>
 

src/components/Exceptions/unkownErrorHandler.ts

 import { ApiError as BackendApiError } from '@/api';
 import { AxiosError } from 'axios';
+import router from '@/router'
 
 /**
  * Finds the correct error message for the given error
@@ -11,6 +12,11 @@ const handleUnknownError = (error: any): string => {
   if (error instanceof AxiosError) {
     return error.code!!;
   } else if (error instanceof BackendApiError) {
+    if (error.body.status == 403) {
+      router.push("/login");
+    } else if (error.body.status == 401) {
+      router.push("/roadmap");
+    }
     return error.body.message ?? error.body;
   }
   return error;