[PM-15847] libs/components strict migration (#15738)

This PR migrates `libs/components` to use strict TypeScript.

- Remove `@ts-strict-ignore` from each file in `libs/components` and resolved any new compilation errors
- Converted ViewChild and ContentChild decorators to use the new signal-based queries using the [Angular signal queries migration](https://angular.dev/reference/migrations/signal-queries)
  - Made view/content children `required` where appropriate, eliminating the need for additional null checking. This helped simplify the strict migration.

---

Co-authored-by: Vicki League <vleague@bitwarden.com>

libs/components/src/navigation/nav-base.component.ts

@@ -1,5 +1,3 @@
-// FIXME: Update this file to be type safe and remove this and next line
-// @ts-strict-ignore
 import { Directive, EventEmitter, Output, input } from "@angular/core";
 import { RouterLink, RouterLinkActive } from "@angular/router";
 

libs/components/src/navigation/nav-group.component.html

@@ -1,5 +1,5 @@
 <!-- This a higher order component that composes `NavItemComponent`  -->
-@if (!hideIfEmpty() || nestedNavComponents.length > 0) {
+@if (!hideIfEmpty() || nestedNavComponents().length > 0) {
   <bit-nav-item
     [text]="text()"
     [icon]="icon()"

libs/components/src/navigation/nav-group.component.ts

@@ -2,14 +2,13 @@ import { CommonModule } from "@angular/common";
 import {
   booleanAttribute,
   Component,
-  ContentChildren,
   EventEmitter,
   Optional,
   Output,
-  QueryList,
   SkipSelf,
   input,
   model,
+  contentChildren,
 } from "@angular/core";
 
 import { I18nPipe } from "@bitwarden/ui-common";
@@ -30,10 +29,7 @@ import { SideNavService } from "./side-nav.service";
   imports: [CommonModule, NavItemComponent, IconButtonModule, I18nPipe],
 })
 export class NavGroupComponent extends NavBaseComponent {
-  @ContentChildren(NavBaseComponent, {
-    descendants: true,
-  })
-  nestedNavComponents!: QueryList<NavBaseComponent>;
+  readonly nestedNavComponents = contentChildren(NavBaseComponent, { descendants: true });
 
   /** When the side nav is open, the parent nav item should not show active styles when open. */
   protected get parentHideActiveStyles(): boolean {

libs/components/src/navigation/nav-logo.component.ts

@@ -1,6 +1,3 @@
-// FIXME: Update this file to be type safe and remove this and next line
-// @ts-strict-ignore
-
 import { CommonModule } from "@angular/common";
 import { Component, input } from "@angular/core";
 import { RouterLinkActive, RouterLink } from "@angular/router";

libs/components/src/navigation/side-nav.component.ts

@@ -1,8 +1,6 @@
-// FIXME: Update this file to be type safe and remove this and next line
-// @ts-strict-ignore
 import { CdkTrapFocus } from "@angular/cdk/a11y";
 import { CommonModule } from "@angular/common";
-import { Component, ElementRef, ViewChild, input } from "@angular/core";
+import { Component, ElementRef, input, viewChild } from "@angular/core";
 
 import { I18nPipe } from "@bitwarden/ui-common";
 
@@ -21,15 +19,14 @@ export type SideNavVariant = "primary" | "secondary";
 export class SideNavComponent {
   readonly variant = input<SideNavVariant>("primary");
 
-  @ViewChild("toggleButton", { read: ElementRef, static: true })
-  private toggleButton: ElementRef<HTMLButtonElement>;
+  private readonly toggleButton = viewChild("toggleButton", { read: ElementRef });
 
   constructor(protected sideNavService: SideNavService) {}
 
   protected handleKeyDown = (event: KeyboardEvent) => {
     if (event.key === "Escape") {
       this.sideNavService.setClose();
-      this.toggleButton?.nativeElement.focus();
+      this.toggleButton()?.nativeElement.focus();
       return false;
     }