indicador de conexion y logging

components/MainContainer.client.vue

@@ -12,7 +12,8 @@
         </div>
         
         <div class="header-controls">
-          <PlaybackControls 
+          <AuthIndicator />
+          <PlaybackControls
             @shuffle-changed="$emit('shuffle-changed', $event)"
             @repeat-changed="$emit('repeat-changed', $event)"
           />
@@ -34,6 +35,7 @@
 <script setup>
 import { computed } from 'vue'
 import { Music } from 'lucide-vue-next'
+import AuthIndicator from './AuthIndicator.client.vue'
 import ThemeToggle from './ThemeToggle.client.vue'
 import PlaybackControls from './PlaybackControls.client.vue'