upgrade dependencies and migrate

src/app/pages/jukebox/jukebox.compontent.ts

@@ -1,19 +1,18 @@
 import { Component, OnDestroy, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, Validators } from '@angular/forms';
 import { MatDialog } from '@angular/material/dialog';
 import { MatSnackBar } from '@angular/material/snack-bar';
 
 import { FormControl } from '@angular/forms';
 
-import { ConfirmDialog } from '../../ui/confirm/confirm.component';
 import { JukeboxService } from 'src/app/services/jukebox.service';
 import { I18nService } from '../../services/i18n.service';
-import { Data } from '@angular/router';
+import { ConfirmDialog } from '../../ui/confirm/confirm.component';
 
 @Component({
+  standalone: false,
   selector: 'app-jukebox',
   templateUrl: './jukebox.component.html',
-  styleUrls: [ './jukebox.component.scss' ]
+  styleUrls: ['./jukebox.component.scss']
 })
 export class JukeboxComponent implements OnInit, OnDestroy {
 
@@ -138,7 +137,7 @@ export class JukeboxComponent implements OnInit, OnDestroy {
     const dialogRef = this.dialog.open(ConfirmDialog, {
       data: {
         'label': 'jukebox.addToQueue.confirm',
-        'args': [ track.artists[ 0 ].name, track.name ]
+        'args': [track.artists[0].name, track.name]
       }
     })