Replace Boostrap styles in subcomponents with Tailwind

libs/angular/src/auth/components/two-factor-auth/two-factor-auth-webauthn.component.html

@@ -2,9 +2,9 @@
   <iframe id="webauthn_iframe" sandbox="allow-scripts allow-same-origin"></iframe>
 </div>
 <ng-container *ngIf="webAuthnNewTab">
-  <div class="content text-center" *ngIf="webAuthnNewTab">
-    <p class="text-center">{{ "webAuthnNewTab" | i18n }}</p>
-    <button type="button" class="btn primary block" (click)="authWebAuthn()" appStopClick>
+  <div class="tw-text-center" *ngIf="webAuthnNewTab">
+    <p class="tw-text-center">{{ "webAuthnNewTab" | i18n }}</p>
+    <button type="button" (click)="authWebAuthn()" appStopClick>
       {{ "webAuthnNewTabOpen" | i18n }}
     </button>
   </div>

libs/angular/src/auth/components/two-factor-auth/two-factor-auth-yubikey.component.html

@@ -2,7 +2,7 @@
 <picture>
   <source srcset="../../images/yubikey.avif" type="image/avif" />
   <source srcset="../../images/yubikey.webp" type="image/webp" />
-  <img src="../../images/yubikey.jpg" class="tw-rounded img-fluid tw-mb-3" alt="" />
+  <img src="../../images/yubikey.jpg" class="tw-rounded tw-max-w-full tw-h-auto tw-mb-3" alt="" />
 </picture>
 <bit-form-field>
   <bit-label class="tw-sr-only">{{ "verificationCode" | i18n }}</bit-label>

libs/angular/src/auth/components/two-factor-auth/two-factor-auth.component.html

@@ -68,7 +68,7 @@
       {{ "cancel" | i18n }}
     </a>
   </div>
-  <div class="text-center">
+  <div class="tw-text-center">
     <a bitLink href="#" appStopClick (click)="selectOtherTwoFactorMethod()">{{
       "useAnotherTwoStepMethod" | i18n
     }}</a>

libs/angular/src/auth/components/two-factor-auth/two-factor-options.component.html

@@ -29,7 +29,7 @@
           class="tw-flex tw-items-center tw-justify-center tw-min-w-[100px]"
           *ngIf="!areIconsDisabled"
         >
-          <img class="recovery-code-img" alt="rc logo" />
+          <img class="tw-max-w-24 tw-max-h-12 tw-size-auto" alt="rc logo" />
         </div>
         <div class="tw-flex-1">
           <h3 bitTypography="h3">{{ "recoveryCodeTitle" | i18n }}</h3>