Fix: Map offers button design, bottom nav cleanup, sidebar theme toggle simplification, and tourist trip auto-scroll animation

frontend/src/components/AppHeader.vue

@@ -60,14 +60,10 @@
               </div>
             </div>
 
-            <div class="sidebar-group">
-              <div class="group-label">APARIENCIA</div>
-              <div class="sidebar-link theme-toggle-row">
-                <span class="material-icons">dark_mode</span>
-                <span class="link-text">Modo Visual</span>
-                <ThemeToggle class="sidebar-theme-switch" />
+              <div class="sidebar-link theme-toggle-row" @click="themeStore.toggleDarkMode">
+                <span class="material-icons">{{ themeStore.isDarkMode ? 'light_mode' : 'dark_mode' }}</span>
+                <span class="link-text">{{ themeStore.isDarkMode ? 'Modo Claro' : 'Modo Oscuro' }}</span>
               </div>
-            </div>
 
             <div class="sidebar-group">
               <div class="group-label">SOPORTE</div>
@@ -104,11 +100,12 @@ import { ref, onMounted } from 'vue'
 import { useAuthStore } from '@/stores/auth'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
+import { useThemeStore } from '@/stores/theme'
 import ReportModal from './ReportModal.vue'
-import ThemeToggle from './common/ThemeToggle.vue'
 
 const { t, locale } = useI18n()
 const authStore = useAuthStore()
+const themeStore = useThemeStore()
 const router = useRouter()
 const showMenu = ref(false)
 const showReportModal = ref(false)

frontend/src/components/BottomNav.vue

@@ -11,7 +11,7 @@ const navItems = [
   { name: 'map', path: '/map', icon: 'map' },
   { name: 'schedules', path: '/schedules', icon: 'schedule' },
   { name: 'discover', path: '/discover', icon: 'explore' },
-  { name: 'taxi', path: '/taxi', icon: 'directions_bus' } // Cambiado a ícono de transporte más general
+  { name: 'taxi', path: '/taxi', icon: 'directions_bus' }
 ]
 
 const navigateTo = (path: string) => {