[AC-2774] [AC-2781] Consolidated issues for Consolidated Billing (#9717)

* Rename provider client components for brevity

* Make purchased seats dynamic on create client component

* Fix access and empty state for service users

* Refactor manage client subscription dialog

* Fixed manage subscription dialog errors

* Make unassigned seats dynamic for create client dialog

* Expanded invoice statuses

* Update invoice header on invoices component

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

@@ -9,7 +9,7 @@ import { FrontendLayoutComponent } from "@bitwarden/web-vault/app/layouts/fronte
 import { UserLayoutComponent } from "@bitwarden/web-vault/app/layouts/user-layout.component";
 
 import {
-  ManageClientOrganizationsComponent,
+  ManageClientsComponent,
   ProviderSubscriptionComponent,
   hasConsolidatedBilling,
   ProviderPaymentMethodComponent,
@@ -85,7 +85,7 @@ const routes: Routes = [
           {
             path: "manage-client-organizations",
             canActivate: [hasConsolidatedBilling],
-            component: ManageClientOrganizationsComponent,
+            component: ManageClientsComponent,
             data: { titleId: "clients" },
           },
           {
@@ -118,7 +118,7 @@ const routes: Routes = [
           },
           {
             path: "billing",
-            canActivate: [hasConsolidatedBilling],
+            canActivate: [ProviderPermissionsGuard, hasConsolidatedBilling],
             data: { providerPermissions: (provider: Provider) => provider.isProviderAdmin },
             children: [
               {
@@ -129,6 +129,7 @@ const routes: Routes = [
               {
                 path: "subscription",
                 component: ProviderSubscriptionComponent,
+                canActivate: [ProviderPermissionsGuard],
                 data: {
                   titleId: "subscription",
                 },
@@ -136,6 +137,7 @@ const routes: Routes = [
               {
                 path: "payment-method",
                 component: ProviderPaymentMethodComponent,
+                canActivate: [ProviderPermissionsGuard],
                 data: {
                   titleId: "paymentMethod",
                 },
@@ -143,6 +145,7 @@ const routes: Routes = [
               {
                 path: "history",
                 component: ProviderBillingHistoryComponent,
+                canActivate: [ProviderPermissionsGuard],
                 data: {
                   titleId: "billingHistory",
                 },