[SM-688] use dynamic-avatar in SM (#5203)

* make dynamic-avatar standalone; use in SM

* fix broken story

apps/web/src/app/components/dynamic-avatar.component.ts

@@ -2,9 +2,14 @@ import { Component, Input, OnDestroy } from "@angular/core";
 import { Observable, Subject } from "rxjs";
 
 import { AvatarUpdateService } from "@bitwarden/common/abstractions/account/avatar-update.service";
+
+import { SharedModule } from "../shared";
+
 type SizeTypes = "xlarge" | "large" | "default" | "small" | "xsmall";
 @Component({
   selector: "dynamic-avatar",
+  standalone: true,
+  imports: [SharedModule],
   template: `<span [title]="title">
     <bit-avatar
       appStopClick

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

@@ -121,6 +121,7 @@ import { SharedModule } from "./shared.module";
     RegisterFormModule,
     ProductSwitcherModule,
     ChangeKdfModule,
+    DynamicAvatarComponent,
   ],
   declarations: [
     PremiumBadgeComponent,
@@ -145,7 +146,6 @@ import { SharedModule } from "./shared.module";
     DeauthorizeSessionsComponent,
     DeleteAccountComponent,
     DomainRulesComponent,
-    DynamicAvatarComponent,
     EmergencyAccessAddEditComponent,
     EmergencyAccessAttachmentsComponent,
     EmergencyAccessComponent,