Default Component - Copy this React, Tailwind Component to your project

Pantalla de Inicio (Lista de Notificaciones) Descripción: Pantalla principal donde se muestran todas las notificaciones. Elementos: Barra de navegación superior: Título de la aplicación (centrado). Ícono de menú (hamburguesa) a la izquierda. Ícono de perfil a la derecha (para acceder a la configuración de usuario). Lista de Notificaciones: Cada notificación se presenta en una tarjeta con: Título: Texto en negrita. Descripción Breve: Texto normal. Fecha y Hora: Texto más pequeño, en un color gris. Ícono de Tipo de Notificación: A la izquierda del texto (ej. un sobre para mensajes, un triángulo para alertas). Opción de Marcar como Leída/No Leída: Un interruptor o un ícono de check. Botón de Filtrado: Un ícono de embudo en la esquina superior derecha. Botón de Búsqueda: Un ícono de lupa al lado del botón de filtrado.