Implement qualification details (#26)

Co-authored-by: Phan Huy Tran <p.tran@neusta.de>
Reviewed-on: #26
Reviewed-by: Constantin Simonis <constantin@simonis.lol>

src/app/qualification/details/details.component.html

@@ -0,0 +1,21 @@
+<h2 mat-dialog-title class="text-xl font-semibold mb-4">
+  Employees with {{ qualification.skill }}
+</h2>
+
+<mat-dialog-content>
+  @if (employees$ | async; as employees) {
+    @if (employees.length === 0) {
+      <p class="text-gray-500 italic">No employees found with this qualification.</p>
+    } @else {
+      @for (employee of employees; track employee.id) {
+        <a class="flex items-center p-3 bg-gray-50 rounded-lg hover:bg-gray-100 transition-colors">
+          <span class="font-medium">{{ employee.firstName }} {{ employee.lastName }}</span>
+        </a>
+      }
+    }
+  }
+</mat-dialog-content>
+
+<mat-dialog-actions align="end" class="mt-4">
+  <button mat-button (click)="closeModal()">Close</button>
+</mat-dialog-actions>