Consolidado de Mejoras y Correcciones de UX/UI - Q3 2025

---
### **Descripción**

Este issue épico centraliza el seguimiento de un conjunto de correcciones de bugs y mejoras de UI/UX identificadas en la plataforma. El objetivo es resolver estas tareas de manera estructurada para mejorar la experiencia del usuario y la robustez del sistema.

### **Checklist de Tareas y Criterios de Aceptación**

Cada tarea debe ser desarrollada en una rama separada para facilitar las revisiones de código (Pull Requests) individuales.

#### **Bugs Críticos (Blockers)**

- [x] **`BUG-001` | Rompecabezas: El modo "sin ayuda" no deshabilita audio y feedback visual.**
- **Descripción:** Al configurar un rompecabezas en modo "sin ayuda", los efectos de sonido al colocar una pieza y los indicadores de color de acierto/error funcionan aún, se supone que si están deshabilitados deberían de no funcionar.
- **Pasos para Reproducir:**
1. Navegar a Juegos > Rompecabezas.
2. Configurar una partida asegurándose de que la opción "Ayuda" esté desactivada.
3. Iniciar el juego y arrastrar una pieza a su lugar.
- **Criterio de Aceptación (DoD - Definition of Done):**
- ✅ Al colocar una pieza correctamente, no se reproduce el sonido de confirmación.
- ✅ Los indicadores visuales (ej. borde verde) ya no es observable independientemente del modo de ayuda.

- [x] **`BUG-002` | Perfil: La fecha "Miembro Desde" es incorrecta.**
- **Descripción:** La fecha mostrada en el perfil de usuario (`Miembro desde`) está desfasada por +1 día respecto a la fecha real de registro.
- **Análisis Técnico:** Se sospecha de un error en el manejo de zonas horarias (UTC vs. local) durante el formateo de la fecha en el frontend o en la serialización de la API.
- **Criterio de Aceptación:**
- ✅ La fecha mostrada debe corresponder exactamente al día del registro del usuario, sin importar la zona horaria del cliente.

#### **Mejoras de Experiencia de Usuario (UX) y UI**

- [x] **`UX-001` | Filtros: Reordenar filtros de juegos para que coincidan con la secuencia de presentación.**
- **Descripción:** El orden actual de los filtros de juegos no sigue la secuencia establecida, causando una leve disonancia cognitiva en el usuario.
- **Criterio de Aceptación:**
- ✅ Los filtros en la interfaz deben mostrarse en el siguiente orden: `Ahorcado`, `Rompecabezas`, `Memoria`, `Pupiletras`.

- [ ] **`UX-002` | Navegación: Unificar puntos de retorno al Dashboard.**
- **Descripción:** Desde una página accedida por un enlace compartido, la navegación de retorno no es consistente.
- **Criterio de Aceptación:**
- ✅ Al hacer clic en el logo principal de "Atzicay", el usuario es redirigido a la ruta `/inicio`.
- ✅ Al hacer clic en el botón "Volver" (si existe), el usuario es redirigido a la ruta `/inicio`.

- [ ] **`UI-001` | Componentes: Implementar cierre de menús "Click Outside".**
- **Descripción:** Los menús desplegables (filtros, perfiles) permanecen abiertos si no se interactúa directamente con ellos, obstaculizando la vista de otros elementos.
- **Criterio de Aceptación:**
- ✅ Cualquier menú desplegable o modal secundario se cierra automáticamente cuando el usuario hace clic fuera de sus límites.

- [x] **`UI-002` | Perfil: Garantizar la carga visible de la valoración.**
- **Descripción:** La valoración por estrellas del perfil a veces no se renderiza, dando la impresión de que no existe.
- **Criterio de Aceptación:**
- ✅ Mientras los datos de valoración se cargan, debe mostrarse un estado de "Cargando" (ej. un `skeleton loader`).
- ✅ La valoración debe mostrarse correctamente una vez que la llamada a la API sea exitosa.
- ✅ Si hay un error en la carga, debe mostrarse un estado de error o un valor por defecto.

- [ ] **`UI-003` | Localización: Reemplazar "dashboard" por "Inicio".**
- **Descripción:** El término "dashboard" debe ser localizado al español para mantener la consistencia del idioma en la plataforma.
- **Criterio de Aceptación:**
- ✅ En `breadcrumbs` y títulos de página, el texto `Dashboard` se reemplaza por `Inicio`.
- ✅ El enlace debe actualizarse debería ser https://atzicay.webhop.me/inicio

- [x] **`UI-004` | Layout: Corregir espaciado en la barra lateral.**
- **Descripción:** Se ha detectado un espacio vacío anómalo en el layout de la barra lateral.
- **Criterio de Aceptación:**
- ✅ El espacio vacío es eliminado y los elementos dentro de la barra lateral se distribuyen de manera uniforme y alineada según el manual de diseño.

- [x] **`UI-005` | Responsividad: Ajustar barra de búsqueda en móvil.**
- **Descripción:** La barra de búsqueda principal se rompe visualmente en resoluciones de dispositivos móviles entre la barra lateral y la barra de búsqueda se superponen.
- **Criterio de Aceptación:**
- ✅ La barra de búsqueda es completamente usable y estéticamente correcta en anchos de pantalla de 360px a 480px.
- ✅ El campo de búsqueda y el botón no se desbordan de su contenedor.

---
* `epic`
* `bug`
* `enhancement`
* `UI`
* `UX`
* `responsive`
* `component:profile`
* `component:games`
* `component:layout`
* `priority:high`
@daramoss03 @IngSystemCix @DevAgust @R0dri-Dev
`Created by @hchin11`