chore: update Angular cache and TypeScript build info

src/components/shared/components/add-to-playlist/add-to-playlist.component.ts

@@ -12,7 +12,7 @@ import { AuthService } from '../../../../services/auth.service';
   <div class="relative inline-block text-left" (click)="$event.stopPropagation();">
     <button (click)="toggleOpen($event)"
             [disabled]="!isAuthenticated()"
-            class="transition-colors duration-200 p-1 rounded-full hover:bg-slate-700/50 flex items-center justify-center text-slate-300 disabled:opacity-60"
+            class="flex items-center space-x-2 bg-slate-700 hover:bg-slate-600 disabled:opacity-60 disabled:cursor-not-allowed px-4 py-2 rounded-full transition text-slate-200 font-semibold"
             [attr.aria-expanded]="open()"
             [attr.aria-haspopup]="true"
             [attr.title]="!isAuthenticated() ? 'Connectez-vous pour gérer vos playlists' : 'Ajouter à une playlist'">
@@ -24,7 +24,7 @@ import { AuthService } from '../../../../services/auth.service';
     </button>
 
     @if (open()) {
-      <div class="absolute right-0 mt-2 w-72 origin-top-right rounded-md bg-slate-900 border border-slate-700 shadow-lg focus:outline-none z-50">
+      <div class="fixed left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 w-80 rounded-md bg-slate-900 border border-slate-700 shadow-2xl focus:outline-none z-50">
         <div class="p-3 space-y-3">
           <div class="flex items-center justify-between">
             <div class="text-sm font-semibold text-slate-200">Vos playlists</div>