[PM-14266] - access intelligence - application table (#11801)

* add application table

* add critical applications tab

* add button. update copy

apps/web/src/app/tools/access-intelligence/critical-applications.component.ts

@@ -0,0 +1,57 @@
+import { Component, DestroyRef, inject, OnInit } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import { FormControl } from "@angular/forms";
+import { ActivatedRoute } from "@angular/router";
+import { debounceTime, map } from "rxjs";
+
+import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
+import { SearchModule, TableDataSource, NoItemsModule, Icons } from "@bitwarden/components";
+import { CardComponent } from "@bitwarden/tools-card";
+
+import { HeaderModule } from "../../layouts/header/header.module";
+import { SharedModule } from "../../shared";
+import { PipesModule } from "../../vault/individual-vault/pipes/pipes.module";
+
+import { applicationTableMockData } from "./application-table.mock";
+
+@Component({
+  standalone: true,
+  selector: "tools-critical-applications",
+  templateUrl: "./critical-applications.component.html",
+  imports: [CardComponent, HeaderModule, SearchModule, NoItemsModule, PipesModule, SharedModule],
+})
+export class CriticalApplicationsComponent implements OnInit {
+  protected dataSource = new TableDataSource<any>();
+  protected selectedIds: Set<number> = new Set<number>();
+  protected searchControl = new FormControl("", { nonNullable: true });
+  private destroyRef = inject(DestroyRef);
+  protected loading = false;
+  noItemsIcon = Icons.Security;
+  // MOCK DATA
+  protected mockAtRiskMembersCount = 0;
+  protected mockAtRiskAppsCount = 0;
+  protected mockTotalMembersCount = 0;
+  protected mockTotalAppsCount = 0;
+
+  ngOnInit() {
+    this.activatedRoute.paramMap
+      .pipe(
+        takeUntilDestroyed(this.destroyRef),
+        map(async (params) => {
+          // const organizationId = params.get("organizationId");
+          // TODO: use organizationId to fetch data
+        }),
+      )
+      .subscribe();
+  }
+
+  constructor(
+    protected i18nService: I18nService,
+    protected activatedRoute: ActivatedRoute,
+  ) {
+    this.dataSource.data = applicationTableMockData;
+    this.searchControl.valueChanges
+      .pipe(debounceTime(200), takeUntilDestroyed())
+      .subscribe((v) => (this.dataSource.filter = v));
+  }
+}