Autofill/pm 21903 use translations everywhere for passkeys (#14908)

* Adjust spacing to place new login button below other items

* Add correct design when no credentials available

* Add correct design when no credentials available (#14879)

* Remove hardcoded strings and use translations in passkey flow

* Remove duplicate `select` translation

apps/desktop/src/autofill/modal/credentials/fido2-create.component.html

@@ -19,7 +19,7 @@
         class="passkey-header-close tw-mb-4 tw-mr-2"
         (click)="closeModal()"
       >
-        Close
+        {{ "close" | i18n }}
       </button>
     </bit-section-header>
   </bit-section>
@@ -44,7 +44,7 @@
             {{ c.name }}
           </button>
           <span slot="secondary">{{ c.subTitle }}</span>
-          <span bitBadge slot="end">Save</span>
+          <span bitBadge slot="end">{{ "save" | i18n }}</span>
         </button>
       </bit-item>
       <bit-item class="">

apps/desktop/src/autofill/modal/credentials/fido2-excluded-ciphers.component.html

@@ -19,7 +19,7 @@
         class="passkey-header-close tw-mb-4 tw-mr-2"
         (click)="closeModal()"
       >
-        Close
+        {{ "close" | i18n }}
       </button>
     </bit-section-header>
   </bit-section>
@@ -34,7 +34,9 @@
           <b>{{ "passkeyAlreadyExists" | i18n }}</b>
           {{ "applicationDoesNotSupportDuplicates" | i18n }}
         </div>
-        <button bitButton type="button" buttonType="primary" (click)="closeModal()">Close</button>
+        <button bitButton type="button" buttonType="primary" (click)="closeModal()">
+          {{ "close" | i18n }}
+        </button>
       </div>
     </bit-section>
   </div>

apps/desktop/src/autofill/modal/credentials/fido2-vault.component.html

@@ -16,7 +16,7 @@
         class="passkey-header-close tw-mb-4 tw-mr-2"
         (click)="closeModal()"
       >
-        Close
+        {{ "close" | i18n }}
       </button>
     </bit-section-header>
   </bit-section>
@@ -29,7 +29,7 @@
           {{ c.name }}
         </button>
         <span slot="secondary">{{ c.subTitle }}</span>
-        <span bitBadge slot="end">Select</span>
+        <span bitBadge slot="end">{{ "select" | i18n }}</span>
       </button>
     </bit-item>
   </bit-section>