[PM-24985][PM-24986][PM-25211][PM-24987] - [Vault] Migrate components to use Premium badge component (#16227)

* migrate all components to use PremiumBadgeComponent

* move badge component to vault

* move premium badge to vault

* move premium badge to billing

* fix import

* use premium badge in tools new send dropdown

* remove badge module import

* remove module

libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.html

@@ -121,18 +121,11 @@
       />
     </bit-form-field>
     <bit-form-field *ngIf="cipher.login.totp">
-      <bit-label [appTextDrag]="totpCodeCopyObj?.totpCode"
-        >{{ "verificationCodeTotp" | i18n }}
-        <span
-          *ngIf="!(isPremium$ | async)"
-          bitBadge
-          variant="success"
-          class="tw-ml-2 tw-cursor-pointer"
-          (click)="getPremium(cipher.organizationId)"
-          slot="end"
-        >
-          {{ "premium" | i18n }}
-        </span>
+      <bit-label [appTextDrag]="totpCodeCopyObj?.totpCode">
+        <div class="tw-flex tw-items-center tw-gap-3">
+          {{ "verificationCodeTotp" | i18n }}
+          <app-premium-badge></app-premium-badge>
+        </div>
       </bit-label>
       <input
         id="totp"

libs/vault/src/cipher-view/login-credentials/login-credentials-view.component.ts

@@ -14,6 +14,7 @@ import {
 } from "@angular/core";
 import { Observable, switchMap } from "rxjs";
 
+import { PremiumBadgeComponent } from "@bitwarden/angular/billing/components/premium-badge";
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { EventCollectionService } from "@bitwarden/common/abstractions/event/event-collection.service";
 import { AccountService } from "@bitwarden/common/auth/abstractions/account.service";
@@ -56,6 +57,7 @@ type TotpCodeValues = {
     BitTotpCountdownComponent,
     ReadOnlyCipherCardComponent,
     LinkModule,
+    PremiumBadgeComponent,
   ],
 })
 export class LoginCredentialsViewComponent implements OnChanges {