[CL-135] Migrate component library to standalone components (#12389)

* Migrate component library to standalone components

* Fix tests

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

@@ -1,15 +1,21 @@
 // FIXME: Update this file to be type safe and remove this and next line
 // @ts-strict-ignore
 import { coerceBooleanProperty } from "@angular/cdk/coercion";
+import { NgClass, NgIf } from "@angular/common";
 import { Component, ContentChild, HostBinding, Input } from "@angular/core";
 
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 
+import { I18nPipe } from "../shared/i18n.pipe";
+import { TypographyDirective } from "../typography/typography.directive";
+
 import { BitFormControlAbstraction } from "./form-control.abstraction";
 
 @Component({
   selector: "bit-form-control",
   templateUrl: "form-control.component.html",
+  standalone: true,
+  imports: [NgClass, TypographyDirective, NgIf, I18nPipe],
 })
 export class FormControlComponent {
   @Input() label: string;

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

@@ -1,15 +1,11 @@
 import { NgModule } from "@angular/core";
 
-import { SharedModule } from "../shared";
-import { TypographyModule } from "../typography";
-
 import { FormControlComponent } from "./form-control.component";
 import { BitHintComponent } from "./hint.component";
 import { BitLabel } from "./label.component";
 
 @NgModule({
-  imports: [SharedModule, BitLabel, TypographyModule],
-  declarations: [FormControlComponent, BitHintComponent],
+  imports: [BitLabel, FormControlComponent, BitHintComponent],
   exports: [FormControlComponent, BitLabel, BitHintComponent],
 })
 export class FormControlModule {}

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

@@ -8,6 +8,7 @@ let nextId = 0;
   host: {
     class: "tw-text-muted tw-font-normal tw-inline-block tw-mt-1 tw-text-xs",
   },
+  standalone: true,
 })
 export class BitHintComponent {
   @HostBinding() id = `bit-hint-${nextId++}`;