<div class="flex flex-col gap-6">
  <app-card-data cardTitle="اطلاعات کاربری" [editable]="false" [(editMode)]="editMode">
    <div class="flex flex-col gap-4">
      <div class="listKeyValue">
        <app-key-value label="نام کاربری" [value]="account()?.account?.username" />
        <app-key-value label="نقش" [value]="account()?.role" />
        <app-key-value label="وضعیت" [value]="account()?.account?.status" />
      </div>
    </div>
  </app-card-data>
</div>
