[AC-1758] Show banner when organization requires a payment method (#7088)

* Add billing banner states to account settings

* Add billing banner service

* Add add-payment-method-banners.component

* Use add-payment-method-banners.component in layouts

* Clear banner on payment method addition

* Ran prettier after CI update

* Finalize banners styling/translations

* Will's (non-Tailwind) feedback

* Review feedback

* Review feedback

* Review feedback

* Replace StateService with StateProvider in BillingBannerService

* Remove StateService methods

bitwarden_license/bit-web/src/app/admin-console/providers/providers-layout.component.html

@@ -1,4 +1,5 @@
 <app-navbar></app-navbar>
+<app-payment-method-banners></app-payment-method-banners>
 <div class="org-nav" *ngIf="provider">
   <div class="container d-flex">
     <div class="d-flex flex-column">

bitwarden_license/bit-web/src/app/admin-console/providers/providers.module.ts

@@ -5,6 +5,7 @@ import { FormsModule } from "@angular/forms";
 import { JslibModule } from "@bitwarden/angular/jslib.module";
 import { SearchModule } from "@bitwarden/components";
 import { OrganizationPlansComponent } from "@bitwarden/web-vault/app/billing";
+import { PaymentMethodBannersComponent } from "@bitwarden/web-vault/app/components/payment-method-banners/payment-method-banners.component";
 import { OssModule } from "@bitwarden/web-vault/app/oss.module";
 
 import { AddOrganizationComponent } from "./clients/add-organization.component";
@@ -34,6 +35,7 @@ import { SetupComponent } from "./setup/setup.component";
     JslibModule,
     ProvidersRoutingModule,
     OrganizationPlansComponent,
+    PaymentMethodBannersComponent,
     SearchModule,
   ],
   declarations: [

bitwarden_license/bit-web/src/app/admin-console/providers/setup/setup.component.html

@@ -1,4 +1,5 @@
 <app-navbar></app-navbar>
+<app-payment-method-banners></app-payment-method-banners>
 <div class="container page-content">
   <div class="page-header">
     <h1>{{ "setupProvider" | i18n }}</h1>