<div class="note-input">
  <textarea [formControl]="control" type="text" placeholder="Eine Notiz hinzufügen ..."></textarea>
  @if (control.dirty) {
    <button class="cta-save" type="button" (click)="addNote()">Speichern</button>
  }
</div>

<div class="notes">
  @for (note of notesToDisplay; track note) {
    <div class="note">
      <div class="note-text">
        {{ note.note }}
      </div>
      <div class="note-date">
        {{ note.date | date: 'EEEE, dd. MMMM yyyy | HH:mm' }}
      </div>
    </div>
  }
</div>
