[PM-97089] [Bootstrap] Convert remaining sr-only to tw-sr-only (#10094)

We're still using sr-only in multiple places. This is a bootstrap utility class and needs to be migrated to tw-sr-only.

apps/web/src/app/auth/login/login-decryption-options/login-decryption-options.component.html

@@ -13,7 +13,7 @@
           title="{{ 'loading' | i18n }}"
           aria-hidden="true"
         ></i>
-        <span class="sr-only">{{ "loading" | i18n }}</span>
+        <span class="tw-sr-only">{{ "loading" | i18n }}</span>
       </p>
     </ng-container>
 

apps/web/src/app/auth/organization-invite/accept-organization.component.html

@@ -7,7 +7,7 @@
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
-      <span class="sr-only">{{ "loading" | i18n }}</span>
+      <span class="tw-sr-only">{{ "loading" | i18n }}</span>
     </p>
   </div>
 </div>

apps/web/src/app/auth/settings/two-factor-setup.component.html

@@ -39,7 +39,7 @@
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
-      <span class="sr-only">{{ "loading" | i18n }}</span>
+      <span class="tw-sr-only">{{ "loading" | i18n }}</span>
     </small>
   </h2>
   <bit-callout type="warning" *ngIf="showPolicyWarning">
@@ -64,7 +64,7 @@
               title="{{ 'enabled' | i18n }}"
               aria-hidden="true"
             ></i>
-            <span class="sr-only">{{ "enabled" | i18n }}</span>
+            <span class="tw-sr-only">{{ "enabled" | i18n }}</span>
           </ng-container>
           <app-premium-badge *ngIf="p.premium"></app-premium-badge>
         </h3>

apps/web/src/app/auth/verify-email-token.component.html

@@ -7,7 +7,7 @@
         title="{{ 'loading' | i18n }}"
         aria-hidden="true"
       ></i>
-      <span class="sr-only">{{ "loading" | i18n }}</span>
+      <span class="tw-sr-only">{{ "loading" | i18n }}</span>
     </p>
   </div>
 </div>