feat: add qualifications management component and routes

src/app/components/qualifikationsverwaltung/qualifikationsverwaltung.component.html

@@ -0,0 +1,47 @@
+<div class="container">
+  <div class="header">
+    <div class="dropdown position-absolute top-0 end-0 m-3">
+      <button class="btn align-items-center d-flex" type="button" id="userDropdown" data-bs-toggle="dropdown"
+        aria-expanded="false">
+        <img src="user.svg" alt="User Icon" class="rounded-circle" style="width: 30px; height: 30px;">
+      </button>
+      <ul class="dropdown-menu dropdown-menu-end" aria-labelledby="userDropdown">
+        <li><a class="dropdown-item" href="/logout">Log out</a></li>
+      </ul>
+    </div>
+    <h1>Qualifications</h1>
+  </div>
+
+  <div class="header-actions">
+    <form [formGroup]="searchForm">
+      <div class="search-bar">
+        <input type="text" placeholder="Search employee" formControlName="search">
+        <button (click)="submit()">Search</button>
+      </div>
+      <p class="text-body-tertiary">Search for a propertiy of a Qualification. eg. First Name</p>
+    </form>
+    <button (click)="createEmployee()" class="add-button">Add qualification</button>
+  </div>
+
+  <table class="employee-table">
+    <thead>
+      <tr>
+        <th><span class="sortable">First Name</span></th>
+        <th>Actions</th>
+      </tr>
+    </thead>
+    <tbody>
+      @if (skills) {
+      @for (skill of skills; track skill) {
+      <tr>
+        <td>{{ skill.skill }}</td>
+        <td>
+          <button class="btn btn-primary me-2" (click)="editSkill(skill.id)">Edit</button>
+          <button class="btn btn-danger" (click)="deleteSkill(skill.id)">Delete</button>
+        </td>
+      </tr>
+      }
+      }
+    </tbody>
+  </table>
+</div>