[CL-18] toast component and service (#6490)

Update toast styles and new service to CL.

libs/components/src/toast/toastr.component.ts

@@ -0,0 +1,26 @@
+import { animate, state, style, transition, trigger } from "@angular/animations";
+import { Component } from "@angular/core";
+import { Toast as BaseToastrComponent } from "ngx-toastr";
+
+@Component({
+  template: `
+    <bit-toast
+      [title]="options?.payload?.title"
+      [variant]="options?.payload?.variant"
+      [message]="options?.payload?.message"
+      [progressWidth]="width"
+      (onClose)="remove()"
+    ></bit-toast>
+  `,
+  animations: [
+    trigger("flyInOut", [
+      state("inactive", style({ opacity: 0 })),
+      state("active", style({ opacity: 1 })),
+      state("removed", style({ opacity: 0 })),
+      transition("inactive => active", animate("{{ easeTime }}ms {{ easing }}")),
+      transition("active => removed", animate("{{ easeTime }}ms {{ easing }}")),
+    ]),
+  ],
+  preserveWhitespaces: false,
+})
+export class BitwardenToastrComponent extends BaseToastrComponent {}