[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/form-control/form-control.abstraction.ts

@@ -1,8 +1,6 @@
-// FIXME: Update this file to be type safe and remove this and next line
-// @ts-strict-ignore
 export abstract class BitFormControlAbstraction {
-  disabled: boolean;
-  required: boolean;
-  hasError: boolean;
-  error: [string, any];
+  abstract disabled: boolean;
+  abstract required: boolean;
+  abstract hasError: boolean;
+  abstract error: [string, any];
 }

libs/components/src/form-control/form-control.component.html

@@ -1,11 +1,11 @@
 <label
   class="tw-transition tw-items-start [&:has(input[type='checkbox'])]:tw-gap-[.25rem] [&:has(input[type='radio'])]:tw-gap-1.5 tw-select-none tw-mb-0 tw-inline-flex tw-rounded has-[:focus-visible]:tw-ring has-[:focus-visible]:tw-ring-primary-600"
-  [ngClass]="[formControl.disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']"
+  [ngClass]="[formControl().disabled ? 'tw-cursor-auto' : 'tw-cursor-pointer']"
 >
   <ng-content></ng-content>
   <span
     class="tw-inline-flex tw-flex-col"
-    [ngClass]="formControl.disabled ? 'tw-text-muted' : 'tw-text-main'"
+    [ngClass]="formControl().disabled ? 'tw-text-muted' : 'tw-text-main'"
   >
     <span bitTypography="body2">
       <ng-content select="bit-label"></ng-content>

libs/components/src/form-control/form-control.component.ts

@@ -1,7 +1,5 @@
-// FIXME: Update this file to be type safe and remove this and next line
-// @ts-strict-ignore
 import { NgClass } from "@angular/common";
-import { booleanAttribute, Component, ContentChild, HostBinding, input } from "@angular/core";
+import { booleanAttribute, Component, HostBinding, input, contentChild } from "@angular/core";
 
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { I18nPipe } from "@bitwarden/ui-common";
@@ -22,10 +20,10 @@ export class FormControlComponent {
 
   readonly disableMargin = input(false, { transform: booleanAttribute });
 
-  @ContentChild(BitFormControlAbstraction) protected formControl: BitFormControlAbstraction;
+  protected readonly formControl = contentChild.required(BitFormControlAbstraction);
 
   @HostBinding("class") get classes() {
-    return []
+    return ([] as string[])
       .concat(this.inline() ? ["tw-inline-block", "tw-me-4"] : ["tw-block"])
       .concat(this.disableMargin() ? [] : ["tw-mb-4"]);
   }
@@ -33,15 +31,15 @@ export class FormControlComponent {
   constructor(private i18nService: I18nService) {}
 
   get required() {
-    return this.formControl.required;
+    return this.formControl().required;
   }
 
   get hasError() {
-    return this.formControl.hasError;
+    return this.formControl().hasError;
   }
 
   get error() {
-    return this.formControl.error;
+    return this.formControl().error;
   }
 
   get displayError() {

libs/components/src/form-control/label.component.ts

@@ -1,5 +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, ElementRef, HostBinding, input, Optional } from "@angular/core";
 
@@ -32,7 +30,7 @@ export class BitLabel {
   ];
 
   @HostBinding("title") get title() {
-    return this.elementRef.nativeElement.textContent.trim();
+    return this.elementRef.nativeElement.textContent?.trim() ?? "";
   }
 
   readonly id = input(`bit-label-${nextId++}`);