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

.env.example

@@ -70,3 +70,26 @@ NUXT_AUTHENTIK_API_TOKEN=tu-token-de-api-aqui
 
 # URL de la API de Authentik (usualmente la misma que NUXT_PUBLIC_AUTHENTIK_URL)
 NUXT_AUTHENTIK_API_URL=https://authentik.nucleoriofrio.com
+
+# ===========================================
+# METABASE API (para contactos)
+# ===========================================
+# La sección de Contactos obtiene datos de la tabla Clientes
+# a través de Metabase API.
+#
+# Metabase debe estar en la misma red Docker para usar URL interna.
+
+# URL de Metabase (interna Docker o pública)
+NUXT_METABASE_API_URL=http://metabase:3000
+
+# API Key de Metabase (SECRETO)
+# Para crear una API Key:
+# 1. Ve a Metabase Admin → Settings → Authentication
+# 2. Genera una nueva API Key
+NUXT_METABASE_API_KEY=tu-metabase-api-key
+
+# ID de la base de datos en Metabase (facturador supabase = 2)
+NUXT_METABASE_DATABASE_ID=2
+
+# ID de la tabla Clientes en Metabase
+NUXT_METABASE_TABLE_ID=15