Added new reproducible element in home

Author: ProtocolNebula

source/src/app/home/home.page.html

@@ -8,7 +8,7 @@
   >
     <ion-button
       *ngFor="let verb of (verbsState.verbsWithFiles | async)"
-      (click)="reproduceAudio(verb.audio)"
+      (click)="reproduceAudio(verb)"
       [style.fontSize]="(settingsStateService.verbButtonSize$ | async) + 'px'"
     >
       {{ verb.text }}
@@ -31,7 +31,7 @@
     <ng-template #itemTemplate let-item="item">
       <div
         class="image-container"
-        (click)="reproduceAudio(item.audio)"
+        (click)="reproduceAudio(item)"
         [style.height]="(settingsStateService.itemImageWidth$ | async) + 'px'"
         [style.backgroundImage]="'url(' + item.image?.computedWebPath + ')'"
       ></div>

source/src/app/home/home.page.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FileData } from 'src/core/models/file-data.model';
+import { ElementWithAudio } from 'src/core/models/element-with-audio.interface';
 import { AppTranslateService } from 'src/core/modules/translate/translate.service';
 import { AudioService } from 'src/core/services/audio.service';
 import { ItemsStateService } from 'src/core/state/items.state';
@@ -28,8 +28,8 @@ export class HomePage implements OnInit {
     this.init();
   }
 
-  reproduceAudio(audio: FileData<any>): void {
-    this.audioService.playAudioFile(audio);
+  reproduceAudio(element: ElementWithAudio): void {
+    this.audioService.reproduceSound(element);
   }
 
   ionViewWillEnter() {