frontend: add delete action for failed recordings in recording lists component

frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.html

@@ -195,6 +195,17 @@
 							</button>
 						}
 
+						@if (isRecordingFailed(recording)) {
+							<button
+								class="delete-action"
+								mat-icon-button
+								matTooltip="Delete Recording"
+								(click)="deleteRecording(recording)"
+								[disabled]="loading"
+							>
+								<mat-icon>delete</mat-icon>
+							</button>
+						} @else {
 							<!-- More Actions Menu -->
 							<button
 								mat-icon-button
@@ -219,6 +230,7 @@
 									</button>
 								}
 							</mat-menu>
+						}
 					</div>
 				</td>
 			</ng-container>

frontend/projects/shared-meet-components/src/lib/components/recording-lists/recording-lists.component.ts

@@ -310,6 +310,10 @@ export class RecordingListsComponent implements OnInit, OnChanges {
 		return this.canDeleteRecordings && this.isStatusInGroup(recording.status, this.STATUS_GROUPS.SELECTABLE);
 	}
 
+	isRecordingFailed(recording: MeetRecordingInfo): boolean {
+		return this.isStatusInGroup(recording.status, this.STATUS_GROUPS.ERROR);
+	}
+
 	// ===== UI HELPER METHODS =====
 
 	getStatusIcon(status: MeetRecordingStatus): string {