feat: agregar menú dropdown de configuración compacto

- Crear componente SettingsMenu.client.vue con tres puntos verticales
- Agrupar AuthIndicator y ThemeToggle en dropdown menu
- Reducir espacio en barra principal para diseño más compacto
- Agregar animaciones y transiciones suaves al dropdown
- Cerrar menú automáticamente al hacer clic fuera o presionar Escape

components/MainContainer.client.vue

@@ -12,7 +12,6 @@
         </div>
         
         <div class="header-controls">
-          <AuthIndicator />
           <SearchFilter
             :results-count="filteredCount"
             @search="$emit('search', $event)"
@@ -21,7 +20,7 @@
             @shuffle-changed="$emit('shuffle-changed', $event)"
             @repeat-changed="$emit('repeat-changed', $event)"
           />
-          <ThemeToggle />
+          <SettingsMenu />
         </div>
       </div>
     </header>
@@ -39,10 +38,9 @@
 <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'
 import SearchFilter from './SearchFilter.client.vue'
+import SettingsMenu from './SettingsMenu.client.vue'
 
 const props = defineProps({
   currentTrack: {