fix: add error interceptor redirection mechanism

Author: c4ffein

src/app/app.routes.ts

@@ -1,8 +1,18 @@
-import { Routes } from '@angular/router';
+import { Router, Routes } from '@angular/router';
 import { inject } from '@angular/core';
 import { UserService } from './core/auth/services/user.service';
 import { map } from 'rxjs/operators';
 
+/**
+ * Guard that requires authentication. Redirects to /login if not authenticated.
+ */
+const requireAuth = () => {
+  const router = inject(Router);
+  return inject(UserService).isAuthenticated.pipe(
+    map(isAuth => isAuth || router.createUrlTree(['/login']))
+  );
+};
+
 export const routes: Routes = [
   {
     path: '',
@@ -25,7 +35,7 @@ export const routes: Routes = [
   {
     path: 'settings',
     loadComponent: () => import('./features/settings/settings.component'),
-    canActivate: [() => inject(UserService).isAuthenticated],
+    canActivate: [requireAuth],
   },
   {
     path: 'profile',
@@ -37,12 +47,12 @@ export const routes: Routes = [
       {
         path: '',
         loadComponent: () => import('./features/article/pages/editor/editor.component'),
-        canActivate: [() => inject(UserService).isAuthenticated],
+        canActivate: [requireAuth],
       },
       {
         path: ':slug',
         loadComponent: () => import('./features/article/pages/editor/editor.component'),
-        canActivate: [() => inject(UserService).isAuthenticated],
+        canActivate: [requireAuth],
       },
     ],
   },