colorize password history (#11754)

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

@@ -1,7 +1,10 @@
 <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">
-      <h2 bitTypography="h6">{{ credential.credential }}</h2>
+      <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>

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

@@ -9,6 +9,7 @@ import { AccountService } from "@bitwarden/common/auth/abstractions/account.serv
 import { UserId } from "@bitwarden/common/types/guid";
 import {
   CardComponent,
+  ColorPasswordModule,
   IconButtonModule,
   NoItemsModule,
   SectionComponent,
@@ -21,6 +22,7 @@ import { GeneratedCredential, GeneratorHistoryService } from "@bitwarden/generat
   selector: "bit-credential-generator-history",
   templateUrl: "credential-generator-history.component.html",
   imports: [
+    ColorPasswordModule,
     CommonModule,
     IconButtonModule,
     NoItemsModule,