Необходимо выполнить итерацию для каждого экземпляра элемента управления формы, предоставленного экземпляром массива формы псевдонимов (Источник: docs ). Вы перебираете значение элемента управления формы учетных данных.
Попробуйте выполнить цикл по form.get('credentials').controls
вместо
<div formArrayName="credentials" *ngFor="let creds of form.get('credentials').controls; let i = index">
<ng-container [formGroupName]="i">
<input placeholder="Username" formControlName="username">
<input placeholder="Password" formControlName="password">
</ng-container>
</div>