Added lottie toggle

src/app/hero/hero.component.ts

@@ -1,9 +1,10 @@
 import { Component, computed, input, output } from '@angular/core';
+import { ToggleComponent } from '../toggle/toggle.component';
 
 @Component({
   selector: 'app-hero',
   standalone: true,
-  imports: [],
+  imports: [ToggleComponent],
   templateUrl: './hero.component.html',
   styleUrl: './hero.component.scss'
 })
@@ -15,6 +16,6 @@ export class HeroComponent {
   themeChange = output<string>();
 
   public themeClicked(event: any) {
-    this.themeChange.emit(event.target.checked ? 'dark' : 'light');
+    this.themeChange.emit(event ? 'dark' : 'light');
   }
 }