El problema de hydration viene de usar new Date() en los datos mock que se calculan de forma diferente en servidor vs cliente. Voy a leer los componentes que muestran fechas para agregar un estado mounted:

Veo que el problema viene de usar new Date() en los datos mock. Voy a convertir las fechas a strings ISO fijos para evitar diferencias entre servidor y cliente, y agregar un estado mounted en el componente de la tabla:

Ahora agrego el estado mounted a la tabla para evitar el hydration mismatch:

Ahora necesito también verificar el componente de detalle que también muestra fechas:

Necesito también agregar el estado mounted al componente de detalle:

He corregido los errores de hydration mismatch agregando un estado mounted que solo renderiza las fechas formateadas una vez que el componente se ha montado en el cliente. Los cambios principales fueron:

1. Mock data - Todas las fechas ahora usan timestamps ISO fijos con sufijo Z para evitar diferencias de zona horaria entre servidor y cliente
2. AlertsTable - Agregado estado mounted que muestra un placeholder mientras no se haya montado, y luego renderiza las fechas formateadas
3. AlertDetail - Mismo patrón de mounted para todas las fechas (fecha de creación, vigencia, auditoría, y logs de email)

Este patrón evita que el servidor renderice una fecha formateada que podría diferir de la que el cliente calcularía, eliminando así el hydration mismatch.

Entiendo los cambios. Voy a:

1. Eliminar los tipos "urgente" y "actualizacion" dejando solo 3 tipos
2. Quitar las opciones de "permitir cerrar" y "mostrar icono"
3. Reducir las acciones de bloqueo a solo 3: crear facturas, cargar documento, editar documento
4. Crear un nuevo diseño de banner más visual estilo Filament

Ahora actualizo el banner preview para un diseño más estilo Filament con una forma de visualización mejorada:

Ahora actualizo el formulario para quitar las opciones de visualización y actualizar el preview:

Ahora reescribo el formulario completo para quitar todas las opciones de visualización y actualizar el preview:

Ahora actualizo los datos mock para que solo usen los 3 tipos permitidos:

Ahora actualizo el componente de detalle para quitar las referencias a dismissible e iconVisible:

Ahora actualizo la tabla de alertas para remover el filtro de tipos que ya no existen:

La tabla ya usa ALERT_TYPE_CONFIG dinámicamente, así que no necesita cambios. Voy a verificar que todo esté funcionando correctamente revisando los logs:

El error ya se ha resuelto (veo el GET / 200 al final). El problema era que los datos mock aún tenían tipos antiguos. Ahora el dashboard está funcionando.

He realizado todos los cambios solicitados:

1. Nuevo banner preview - Ahora tiene un diseño estilo Filament con barra de acento lateral, badge de tipo, y botones para alternar entre vista Desktop/Mobile
2. Eliminados tipos de alerta - Solo quedan 3 tipos: Informativo, Cierre Contable, Mantenimiento
3. Restricciones para Cierre Contable - Al seleccionar este tipo aparecen las 3 opciones: Crear Factura, Cargar Documento, Editar Documento
4. Eliminadas opciones de visualizacion - Ya no existe "permitir cerrar" ni "mostrar icono", el banner siempre se muestra completo
5. Vista previa mejorada - Muestra las restricciones activas directamente en el banner cuando se selecciona Cierre Contable con bloqueo activado