fix(widgets): signal access fix in direction card, specs group positioning, lesson guard

- project-direction-card: access about() as signal call instead of direct property, inject ChangeDetectorRef and call markForCheck after goal update
- specializations-group: position open state as absolute (top-right) to overlay content, remove unused legacy Input/Output/EventEmitter imports
- lesson guard: add LessonGuard implementation (used in course-detail.routes)

Author: Awakich

projects/core/src/lib/guards/lesson/lesson.guard.ts

@@ -0,0 +1,31 @@
+import { inject } from "@angular/core";
+import { ActivatedRouteSnapshot, Router } from "@angular/router";
+import { CoursesRepositoryPort } from "@domain/courses/ports/courses.repository.port";
+import { catchError, map, Observable, of } from "rxjs";
+
+export const LessonGuard = (route: ActivatedRouteSnapshot): Observable<boolean> => {
+  const coursesRepository = inject(CoursesRepositoryPort);
+  const router = inject(Router);
+
+  const courseId = route.parent?.paramMap.get("courseId");
+  const lessonId = Number(route.firstChild?.paramMap.get("lessonId"));
+
+  const redirect = (): boolean => {
+    router.navigateByUrl(`/office/courses/${courseId ?? ""}`);
+    return false;
+  };
+
+  if (isNaN(lessonId) || !courseId) {
+    return of(redirect());
+  }
+
+  return coursesRepository.getCourseLesson(lessonId).pipe(
+    map(lesson => {
+      if (lesson.progressStatus === "blocked") {
+        return redirect();
+      }
+      return true;
+    }),
+    catchError(() => of(redirect())),
+  );
+};

projects/social_platform/src/app/ui/widgets/project-direction-card/project-direction-card.component.ts

@@ -3,6 +3,7 @@
 import { CommonModule } from "@angular/common";
 import {
   ChangeDetectionStrategy,
+  ChangeDetectorRef,
   Component,
   inject,
   input,
@@ -57,6 +58,7 @@ export class ProjectDirectionCard implements OnInit, OnDestroy {
   private readonly router = inject(Router);
   private readonly updateGoalUseCase = inject(UpdateGoalUseCase);
   private readonly logger = inject(LoggerService);
+  private readonly cdr = inject(ChangeDetectorRef);
 
   private subscriptions: Subscription[] = [];
 
@@ -125,9 +127,10 @@ export class ProjectDirectionCard implements OnInit, OnDestroy {
     const projectId = this.route.snapshot.params["projectId"];
     const goalId = +this.route.snapshot.queryParams["goalId"];
 
-    if (!goalId || !Array.isArray(this.about)) return;
+    const goals = this.about() as Goal[];
+    if (!goalId || !Array.isArray(goals)) return;
 
-    const goal = this.about.find((g: Goal) => g.id === goalId);
+    const goal = goals.find((g: Goal) => g.id === goalId);
 
     if (!goal) return;
 
@@ -147,16 +150,18 @@ export class ProjectDirectionCard implements OnInit, OnDestroy {
         }
 
         const response = result.value;
-        if (Array.isArray(this.about)) {
-          const index = this.about.findIndex((g: Goal) => g.id === goalId);
+        const goals = this.about() as Goal[];
+        if (Array.isArray(goals)) {
+          const index = goals.findIndex((g: Goal) => g.id === goalId);
           if (index !== -1) {
-            this.about[index] = response;
+            goals[index] = response;
           }
         }
 
         this.isShowsConfirmGoal = false;
         this.goalCompleteHoverId = null;
         this.selectedGoal = null;
+        this.cdr.markForCheck();
 
         this.router.navigate([], {
           queryParams: {},

projects/social_platform/src/app/ui/widgets/specializations-group/specializations-group.component.scss

@@ -58,6 +58,9 @@
     gap: 5px;
 
     &--open {
+      position: absolute;
+      top: 2%;
+      right: 0%;
       z-index: 1000;
       width: 40%;
     }

projects/social_platform/src/app/ui/widgets/specializations-group/specializations-group.component.ts

@@ -4,11 +4,8 @@ import { CommonModule } from "@angular/common";
 import {
   ChangeDetectionStrategy,
   Component,
-  EventEmitter,
   input,
-  Input,
   output,
-  Output,
   signal,
 } from "@angular/core";
 import { IconComponent } from "@ui/primitives";