refactor: update trigger handling and improve component logic

- Updated RecommendationsComponent to fetch active triggers instead of all triggers.
- Refactored UsageAddComponent to retrieve active triggers for better performance.
- Enhanced RecoveryDashboardComponent to store active trigger names for analysis.
- Modified trigger management UI to improve layout and display archived triggers more clearly.
- Changed trigger fetching method in TriggersComponent to only retrieve active triggers.

Author: charlesschaefer

src/app/components/substance/record-substance-use.component.ts

@@ -144,7 +144,7 @@ export class RecordSubstanceUseComponent implements OnInit {
         const now = new Date();
         this.datetime = now;
 
-        this.triggerService.list().then((triggers) => {
+        this.triggerService.getActiveTriggers().then((triggers) => {
             this.triggers = triggers as TriggerDto[];
             console.log("Triggers:", this.triggers);
         });

src/app/components/substance/substance-analysis-card.component.ts

@@ -1,48 +1,48 @@
-import { Component, OnInit, inject } from '@angular/core';
-import { CommonModule, NgComponentOutlet } from '@angular/common';
-import { ButtonModule } from 'primeng/button';
-import { TableModule } from 'primeng/table';
-import { PanelModule } from 'primeng/panel';
-import { JoyrideModule } from 'ngx-joyride';
-import { TranslocoModule, TranslocoService } from '@jsverse/transloco';
-
-import { TriggerService } from '../../services/trigger.service';
-import { TriggerDto } from '../../dto/trigger.dto';
-import { RecommendationComponent } from '../recommendation/recommendation.component';
-
-
-@Component({
-    selector: 'app-recommendations',
-    standalone: true,
-    imports: [
-        ButtonModule,
-        TableModule,
-        PanelModule,
-        NgComponentOutlet,
-        RecommendationComponent,
-        CommonModule,
-        JoyrideModule,
-        TranslocoModule,
-    ],
-    templateUrl: './recommendations.component.html',
-    styleUrl: './recommendations.component.scss'
-})
+import { Component, OnInit, inject } from '@angular/core';
+import { CommonModule, NgComponentOutlet } from '@angular/common';
+import { ButtonModule } from 'primeng/button';
+import { TableModule } from 'primeng/table';
+import { PanelModule } from 'primeng/panel';
+import { JoyrideModule } from 'ngx-joyride';
+import { TranslocoModule, TranslocoService } from '@jsverse/transloco';
+
+import { TriggerService } from '../../services/trigger.service';
+import { TriggerDto } from '../../dto/trigger.dto';
+import { RecommendationComponent } from '../recommendation/recommendation.component';
+
+
+@Component({
+    selector: 'app-recommendations',
+    standalone: true,
+    imports: [
+        ButtonModule,
+        TableModule,
+        PanelModule,
+        NgComponentOutlet,
+        RecommendationComponent,
+        CommonModule,
+        JoyrideModule,
+        TranslocoModule,
+    ],
+    templateUrl: './recommendations.component.html',
+    styleUrl: './recommendations.component.scss'
+})
 export class RecommendationsComponent implements OnInit {
     private triggerService = inject(TriggerService);
     private translateService = inject(TranslocoService);
-
-
-    triggers: TriggerDto[];
-    trigger: string;
-
-    ngOnInit(): void {
-        this.triggerService.list().then(triggers => {
-            this.triggers = triggers as TriggerDto[];
-        });
-    }
-
-    showRecommendation(trigger: string) {
-        this.trigger = trigger;
-    }
-
-}
+
+
+    triggers: TriggerDto[];
+    trigger: string;
+
+    ngOnInit(): void {
+        this.triggerService.getActiveTriggers().then(triggers => {
+            this.triggers = triggers as TriggerDto[];
+        });
+    }
+
+    showRecommendation(trigger: string) {
+        this.trigger = trigger;
+    }
+
+}