Agregar sección Contactos con UTabs y conexión a Metabase

- Implementar UTabs (Contactos, Aplicaciones, Perfil) en app.vue
- Crear componentes ContactsList, ContactsFilters, ContactItem
- Agregar server routes para obtener contactos via Metabase API
- Sistema de aliases por usuario guardados en archivos JSON
- Filtros: nombre (fuzzy search), ID, teléfono, empleado
- Click en contacto abre WhatsApp
- Estilo glassmorphism consistente con la app

docker-compose.yml

@@ -16,6 +16,15 @@ services:
       - NUXT_AUTHENTIK_API_TOKEN=${NUXT_AUTHENTIK_API_TOKEN}
       - NUXT_AUTHENTIK_API_URL=${NUXT_AUTHENTIK_API_URL}
       - NUXT_PUBLIC_AUTHENTIK_URL=${NUXT_PUBLIC_AUTHENTIK_URL}
+      # Metabase API Configuration (para contactos)
+      - NUXT_METABASE_API_URL=${NUXT_METABASE_API_URL:-http://metabase:3000}
+      - NUXT_METABASE_API_KEY=${NUXT_METABASE_API_KEY}
+      - NUXT_METABASE_DATABASE_ID=${NUXT_METABASE_DATABASE_ID:-2}
+      - NUXT_METABASE_TABLE_ID=${NUXT_METABASE_TABLE_ID:-15}
+      # Directorio de datos persistente
+      - NUXT_DATA_DIR=/data
+    volumes:
+      - perfil-data:/data
     networks:
       - principal
       - traefik-network
@@ -53,6 +62,10 @@ services:
       - "traefik.http.middlewares.${APP_NAME}-cors.headers.accesscontrolmaxage=100"
       - "traefik.http.middlewares.${APP_NAME}-cors.headers.addvaryheader=true"
 
+volumes:
+  perfil-data:
+    name: perfil-data
+
 networks:
   principal:
     external: true