[PM-2014] feat: scaffold new fido2 login component and module

apps/web/src/app/settings/change-password.component.html

@@ -10,7 +10,14 @@
 >
 </app-callout>
 
-<form #form (ngSubmit)="submit()" [appApiAction]="formPromise" ngNativeValidate autocomplete="off">
+<form
+  #form
+  (ngSubmit)="submit()"
+  [appApiAction]="formPromise"
+  ngNativeValidate
+  autocomplete="off"
+  class="tw-mb-3"
+>
   <div class="row">
     <div class="col-6">
       <div class="form-group">
@@ -122,3 +129,5 @@
     {{ "changeMasterPassword" | i18n }}
   </button>
 </form>
+
+<app-fido2-login-settings></app-fido2-login-settings>

apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.html

@@ -0,0 +1 @@
+Passkey login settings

apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.component.ts

@@ -0,0 +1,7 @@
+import { Component } from "@angular/core";
+
+@Component({
+  selector: "app-fido2-login-settings",
+  templateUrl: "fido2-login-settings.component.html",
+})
+export class Fido2LoginSettingsComponent {}

apps/web/src/app/settings/fido2-login-settings/fido2-login-settings.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from "@angular/core";
+
+import { Fido2LoginSettingsComponent } from "./fido2-login-settings.component";
+
+@NgModule({
+  imports: [],
+  declarations: [Fido2LoginSettingsComponent],
+  exports: [Fido2LoginSettingsComponent],
+})
+export class Fido2LoginSettingsModule {}

apps/web/src/app/shared/loose-components.module.ts

@@ -80,6 +80,7 @@ import { ChangeKdfModule } from "../settings/change-kdf/change-kdf.module";
 import { ChangePasswordComponent } from "../settings/change-password.component";
 import { DeleteAccountComponent } from "../settings/delete-account.component";
 import { DomainRulesComponent } from "../settings/domain-rules.component";
+import { Fido2LoginSettingsModule } from "../settings/fido2-login-settings/fido2-login-settings.module";
 import { LowKdfComponent } from "../settings/low-kdf.component";
 import { PreferencesComponent } from "../settings/preferences.component";
 import { PremiumComponent } from "../settings/premium.component";
@@ -122,6 +123,7 @@ import { SharedModule } from "./shared.module";
     ProductSwitcherModule,
     ChangeKdfModule,
     DynamicAvatarComponent,
+    Fido2LoginSettingsModule, // TODO: Move to AuthModule when it is created
   ],
   declarations: [
     PremiumBadgeComponent,