# TODO - Mejoras del Sidebar Optimizado

## Completadas

### Diseño y Estilo
- [x] Mejorar diseño y estilo del sidebar optimizado
- [x] Eliminar la línea negra del borde derecho (boxShadow)
- [x] Aumentar padding interno del contenedor principal
- [x] Centrar correctamente el logo
- [x] Uniformar espaciado entre elementos del menú
- [x] Corregir errores de linting (imports no usados, expresiones redundantes)
- [x] Aplicar fondo gris al sidebar principal
- [x] Cambiar border radius de 12.0 a 8.0 como en la referencia
- [x] Aplicar fondo blanco a elementos del menú no seleccionados
- [x] Agregar sombra sutil a elementos del menú no seleccionados

### Funcionalidad
- [x] Corregir las rutas de navegación en el sidebar optimizado
- [x] Actualizar nombres de rutas para coincidir con las definidas en nav.dart
- [x] Probar que la navegación funcione correctamente

### Colores y Bordes
- [x] Aplicar fondo de color #f1f0f0 al sidebar
- [x] Agregar border radius de 8px al contenedor del sidebar
- [x] Aplicar borde de color #e6e9ea al sidebar
- [x] Agregar padding de 8px por cada lado al sidebar

### Mejoras de UX
- [x] Cambiar color de elementos no seleccionados de blanco a gris claro (#F5F5F5)
- [x] Cambiar color de línea divisoria del usuario al mismo color del borde (#E6E9EA)
- [x] Reducir grosor de línea divisoria de 2px a 1px
- [x] Optimizar contraste entre elementos del menú y fondo del sidebar

### Datos del Usuario
- [x] Corregir problema de carga de foto y datos del usuario
- [x] Agregar AuthUserStreamWidget para datos del usuario en tiempo real
- [x] Corregir error de linting en estilo del email del usuario

## Estado Final
El sidebar optimizado ahora tiene:
- **Diseño perfecto** que coincide con la imagen de referencia
- **Funcionalidad completa** con navegación, contadores en tiempo real, sin parpadeos
- **Código limpio** con 0 errores de linting
- **Colores optimizados** para mejor legibilidad y contraste
- **Bordes y separadores consistentes** con el diseño general
- **Datos del usuario funcionando** correctamente con foto y información

## Paleta de Colores Final
- **Fondo principal del sidebar**: `#F1F0F0` (gris claro)
- **Borde del sidebar**: `#E6E9EA` (gris medio claro)
- **Elementos no seleccionados**: `#F5F5F5` (gris muy claro, mejor contraste)
- **Línea divisoria del usuario**: `#E6E9EA` (mismo que el borde)