[PS-1872] remember me label triggers toggle (bitwarden#4046)

* remember me label triggers toggle

* fix using new bitCheckbox

* changes using merge

* Update apps/web/src/app/accounts/login/login.component.html

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

* CheckboxModule imported

Co-authored-by: Daniel James Smith <djsmith85@users.noreply.github.com>

apps/web/src/app/accounts/login/login.component.html

@@ -32,18 +32,10 @@
           </div>
 
           <div class="tw-mb-3 tw-flex tw-items-start">
-            <div class="tw-flex tw-h-6 tw-items-center">
-              <input
-                id="login_input_remember-email"
-                class="tw-w-4 tw-rounded tw-border"
-                bitInput
-                type="checkbox"
-                formControlName="rememberEmail"
-              />
-            </div>
-            <bit-label class="ml-2">
-              {{ "rememberEmail" | i18n }}
-            </bit-label>
+            <bit-form-control class="tw-mb-0">
+              <input type="checkbox" bitCheckbox formControlName="rememberEmail" />
+              <bit-label>{{ "rememberEmail" | i18n }}</bit-label>
+            </bit-form-control>
           </div>
 
           <div class="tw-mb-3">

apps/web/src/app/accounts/login/login.module.ts

@@ -1,12 +1,14 @@
 import { NgModule } from "@angular/core";
 
+import { CheckboxModule } from "@bitwarden/components";
+
 import { SharedModule } from "../../shared";
 
 import { LoginWithDeviceComponent } from "./login-with-device.component";
 import { LoginComponent } from "./login.component";
 
 @NgModule({
-  imports: [SharedModule],
+  imports: [SharedModule, CheckboxModule],
   declarations: [LoginComponent, LoginWithDeviceComponent],
   exports: [LoginComponent, LoginWithDeviceComponent],
 })