feat: Add GitHub link opening functionality for repository items

Author: stephanebouget

src/app/shared/components/alerts-list/alerts-list.component.html

@@ -40,6 +40,7 @@
       class="repo-item"
       *ngFor="let repo of alerts.repos"
       [class.has-alerts]="repo.alerts > 0"
+      (click)="openRepoOnGitHub(repo.name)"
     >
       <div class="repo-info">
         <i class="ti ti-package repo-icon"></i>

src/app/shared/components/alerts-list/alerts-list.component.scss

@@ -112,6 +112,7 @@ $border-color: #2a2a4a;
   border-radius: 6px;
   margin-bottom: 8px;
   transition: background 0.2s;
+  cursor: pointer;
 
   &:hover {
     background: $bg-tertiary;

src/app/shared/components/alerts-list/alerts-list.component.ts

@@ -1,5 +1,5 @@
 import { Component, EventEmitter, Input, Output } from '@angular/core';
-import { AlertsResponse } from '../../../core/services';
+import { AlertsResponse, TauriService } from '../../../core/services';
 
 @Component({
   selector: 'app-alerts-list',
@@ -14,6 +14,8 @@ export class AlertsListComponent {
 
   @Output() showRepos = new EventEmitter<void>();
 
+  constructor(private tauriService: TauriService) {}
+
   getAlertIcon(): string {
     if (!this.alerts) return 'ti ti-circle-filled';
     return this.alerts.total_alerts === 0 ? 'ti ti-check' : 'ti ti-alert-triangle';
@@ -22,4 +24,9 @@ export class AlertsListComponent {
   onShowRepos(): void {
     this.showRepos.emit();
   }
+
+  openRepoOnGitHub(repoFullName: string): void {
+    const url = `https://github.com/${repoFullName}/security/dependabot`;
+    this.tauriService.openExternalLink(url);
+  }
 }