[PM-14190] Replace history card with item component (#11775)

libs/tools/generator/components/src/credential-generator-history.component.html

@@ -1,23 +1,22 @@
-<bit-card *ngFor="let credential of credentials$ | async" class="tw-mb-2">
-  <div class="tw-flex tw-justify-between tw-items-center">
-    <div class="tw-flex tw-flex-col">
-      <bit-color-password
-        class="tw-font-mono"
-        [password]="credential.credential"
-      ></bit-color-password>
-      <span class="tw-text-muted" bitTypography="body1">{{
-        credential.generationDate | date: "medium"
-      }}</span>
+<bit-item *ngFor="let credential of credentials$ | async">
+  <bit-item-content>
+    <bit-color-password class="tw-font-mono" [password]="credential.credential" />
+    <div slot="secondary">
+      {{ credential.generationDate | date: "medium" }}
     </div>
-    <button
-      bitIconButton="bwi-clone"
-      bitSuffix
-      size="small"
-      type="button"
-      [appCopyClick]="credential.credential"
-      [ariaLabel]="'copyPassword' | i18n"
-      [appA11yTitle]="'copyPassword' | i18n"
-      showToast
-    ></button>
-  </div>
-</bit-card>
+  </bit-item-content>
+  <ng-container slot="end">
+    <bit-item-action>
+      <button
+        type="button"
+        bitIconButton="bwi-clone"
+        [appCopyClick]="credential.credential"
+        [valueLabel]="getGeneratedValueText(credential)"
+        [appA11yTitle]="getCopyText(credential)"
+        showToast
+      >
+        {{ getCopyText(credential) }}
+      </button>
+    </bit-item-action>
+  </ng-container>
+</bit-item>