[PM-6825] Use tailwind for vault icon styling

apps/desktop/src/scss/misc.scss

@@ -577,6 +577,17 @@ app-vault-view .box-footer {
   user-select: auto;
 }
 
+/* override for vault icon in desktop */
+app-vault-icon > div {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  float: left;
+  height: 36px;
+  width: 34px;
+  margin-left: -5px;
+}
+
 /* tweak for inconsistent line heights in cipher view */
 .box-footer button,
 .box-footer a {

libs/angular/src/vault/components/icon.component.html

@@ -1,9 +1,10 @@
-<div class="icon" aria-hidden="true">
+<div class="tw-flex tw-justify-center tw-items-center" aria-hidden="true">
   <ng-container *ngIf="data$ | async as data">
     <img
       [src]="data.image"
       [appFallbackSrc]="data.fallbackImage"
       *ngIf="data.imageEnabled && data.image"
+      class="tw-max-h-6 tw-max-w-6 tw-rounded-md"
       alt=""
       decoding="async"
       loading="lazy"