Refactor: Restringimento drag & drop, legenda impostazioni, modalità offline e rimozione sezione liturgia

src/app/pages/player/player.page.html

@@ -1,6 +1,6 @@
 <ion-header [translucent]="true" class="ion-no-border">
   <ion-toolbar class="bg-gradient top-toolbar">
-    <ion-buttons slot="start">
+    <ion-buttons slot="end">
       <div class="offline-badge-header" *ngIf="!connectivityService.isOnline()">
         <ion-icon name="cloud-offline-outline"></ion-icon>
       </div>
@@ -57,7 +57,7 @@
           </ion-button>
           
           <!-- Youtube Link -->
-          <ion-button *ngIf="canto()?.link_youtube && canto()?.link_youtube!.length > 5" fill="clear" (click)="openYoutube()">
+          <ion-button *ngIf="connectivityService.isOnline() && canto()?.link_youtube && canto()?.link_youtube!.length > 5" fill="clear" (click)="openYoutube()">
             <ion-icon name="logo-youtube" color="danger"></ion-icon>
           </ion-button>
         </div>
@@ -100,7 +100,7 @@
 
 <ion-footer class="ion-no-border">
   <!-- Audio Player Toolbar -->
-  <ion-toolbar class="global-player-toolbar glass" *ngIf="canto()?.link_youtube && canto()?.link_youtube!.length > 5 && !settingsService.fullscreenMode()">
+  <ion-toolbar class="global-player-toolbar glass" *ngIf="youtubePlayerService.isPlayerSupported() && canto()?.link_youtube && canto()?.link_youtube!.length > 5 && !settingsService.fullscreenMode()">
     <div class="player-content">
       <div class="controls-row">
         <ion-button fill="clear" color="secondary" (click)="prevSong()" class="skip-btn">
@@ -182,7 +182,7 @@
       </div>
 
       <!-- Actions -->
-      <div class="group">
+      <div class="group" *ngIf="connectivityService.isOnline()">
         <ion-button *ngIf="canto()?.link_youtube && canto()?.link_youtube!.length > 5" fill="clear" size="small" (click)="openYoutube()">
           <ion-icon slot="icon-only" name="logo-youtube" color="danger"></ion-icon>
         </ion-button>

src/app/pages/player/player.page.scss

@@ -208,19 +208,31 @@
 
 .slim-controls {
   display: flex;
-  justify-content: space-between;
+  justify-content: flex-start;
   align-items: center;
   width: 100%;
-  padding: 0 8px;
+  padding: 4px 12px;
+  overflow-x: auto;
+  gap: 16px;
+  -webkit-overflow-scrolling: touch;
+  
+  &::-webkit-scrollbar {
+    display: none;
+  }
+
+  .mic-btn-portrait {
+    flex-shrink: 0;
+  }
 
   .group {
-    display: flex;
+    display: inline-flex;
     align-items: center;
     gap: 4px;
     background: rgba(255, 255, 255, 0.05);
     padding: 2px 6px;
     border-radius: 12px;
     border: 1px solid rgba(255, 255, 255, 0.1);
+    flex-shrink: 0;
   }
 
   .page-indicator {

src/app/pages/player/player.page.ts

@@ -447,6 +447,9 @@ export class PlayerPage implements OnInit, AfterViewInit, OnDestroy {
   }
 
   private initPlayer(id: string) {
+    if (!this.youtubePlayerService.isPlayerSupported()) {
+      return;
+    }
     const startT = this.initialStartTime;
     this.initialStartTime = 0; // Reset