<mat-card appearance="outlined" class="error-messages mb-4" [hidden]="!errorList.length">
    <mat-card-content>
        @if (errorList.length) {
        <ul class="error-messages">
            @for (error of errorList; track error) {
            <li>{{ error }}</li>
            }
        </ul>
        }
    </mat-card-content>
</mat-card>