fix(arc-saas): adding new column in onboading list page

adding new column in onboading list page

Author: Deepika516

projects/saas-ui/src/app/main/components/onboarding-tenant-list/onboarding-tenant-list.component.ts

@@ -37,6 +37,11 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
     floatingFilter: true,
     resizable: true,
   };
+  tierOptions = [
+    {name: 'Basic', value: 'BASIC'},
+    {name: 'Standard', value: 'STANDARD'},
+    {name: 'Premium', value: 'PREMIUM'},
+  ];
 
   constructor(
     protected override readonly location: Location,
@@ -106,6 +111,15 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
       filter: 'agTextColumnFilter',
       floatingFilter: true,
     },
+    {
+      field: 'tier',
+      headerName: 'Tier',
+      minWidth: 120,
+      flex: 1,
+      filter: 'agTextColumnFilter',
+      floatingFilter: true,
+      cellStyle: {textAlign: 'center'}, // Optional styling for the column
+    },
     {
       field: 'status',
       headerName: 'Subscription Status',
@@ -186,13 +200,19 @@ export class OnboardingTenantListComponent extends RouteComponentBaseDirective {
                 .filter(ele => ele != null && ele.trim() != '')
                 .join(' ');
 
+              const displayTier =
+                this.tierOptions.find(
+                  option => option.value === item.subscription.plan.tier,
+                )?.name || '';
+
               return {
                 id: item.id,
                 name: item.name,
                 tenant_name: fullTenantName,
                 email: item.email,
                 address: addressString,
                 planName: item.subscription?.plan.name,
+                tier: displayTier,
                 status: TenantStatus[item.subscription?.status],
                 startDate: item.subscription?.startDate
                   ? new Date(item.subscription.startDate).toLocaleDateString()