Enhance employee and qualification forms with hints and improved layouts (#37)

- Added hints to input fields in create and edit employee forms for better user guidance.
- Updated the layout of dialog actions in employee and qualification forms for improved usability.
- Enhanced delete confirmation dialogs for qualifications and employees with better styling and error handling.
- Improved the display of employee details and qualifications with better formatting and structure.

These changes aim to improve user experience and accessibility across the application.

Reviewed-on: http://git.simonis.lol/angular/ems-frontend/pulls/37
Co-authored-by: Jan-Marlon Leibl <jleibl@proton.me>
Co-committed-by: Jan-Marlon Leibl <jleibl@proton.me>

src/app/qualification/table/table.component.ts

@@ -22,6 +22,7 @@ import {MatCard, MatCardContent} from "@angular/material/card";
 import {MatTooltip} from "@angular/material/tooltip";
 import {MatProgressSpinner} from "@angular/material/progress-spinner";
 import {DetailsComponent} from "../details/details.component";
+import {MatSort} from "@angular/material/sort";
 
 @Component({
     selector: 'app-qualifications',
@@ -43,14 +44,15 @@ import {DetailsComponent} from "../details/details.component";
         MatCard,
         MatCardContent,
         MatTooltip,
-        MatProgressSpinner
+        MatProgressSpinner,
+        MatSort
     ],
     templateUrl: './table.component.html',
     styleUrl: './table.component.css'
 })
 export class QualificationsComponent implements OnInit {
     public qualifications$!: Observable<Qualification[]>;
-    public readonly displayedColumns: string[] = ['id', 'skill', 'actions'];
+    public readonly displayedColumns: string[] = ['skill', 'actions'];
 
     private readonly dialog: MatDialog = inject(MatDialog);
     private readonly qualificationService: QualificationService = inject(QualificationService);