feat add delete button

src/app/room/room-list/room-list.component.html

@@ -6,7 +6,7 @@ <h4 class="mb-1">List of Rooms</h4>
             <thead class="thead-dark">
                 <tr>
                     <th>ID</th>
-                    <th>Apartment Id</th>
+                    <th>Apartment Name</th>
                     <th>Bed</th>
                     <th>Window</th>
                     <th>Desk</th>
@@ -23,6 +23,7 @@ <h4 class="mb-1">List of Rooms</h4>
                     <td>{{ room.hasDesk }}</td>
                     <td>{{ room.isOccupied }}</td>
                     <td>{{ room.surface}}</td>
+                    <td><button class="deleteButton" (click)="deleteRoom(room.getRoomIdFromLinks())"><span class="deleteSpan">Delete</span></button></td>
                 </tr>
             </tbody>
         </table>

src/app/room/room-list/room-list.component.ts

@@ -108,4 +108,12 @@ export class RoomListComponent implements OnInit {
   getAparmentName(Apart: Apartment): string {
       return Apart.getName();
   }
+  deleteApartment(roomId: string): void {
+    if (roomId) {
+      console.log('Room ID:', roomId);
+      this.router.navigate([`/room/${roomId}/delete`]);
+    } else {
+      console.error('Invalid room ID');
+    }
+  }
 }