Mock Books - Copy this React, Tailwind Component to your project

Crear-una-página-web-para-reseñas-de-libros-que-incluya-las-siguientes-características-y-componentes,-organizados-de-manera-modular-en-React.-Estructura-General:-Header:-Un-buscador-para-buscar-libros-por-nombre.-Un-botón-para-realizar-la-búsqueda-(puede-incluir-un-ícono-relacionado-con-la-acción-de-buscar,-como-una-lupa).-Un-ícono-o-botón-con-una-foto-de-perfil-del-usuario.-Al-hacer-clic-en-este-ícono,-debe-desplegar-un-menú-con-las-opciones:-"Perfil"-(para-acceder-a-los-detalles-del-usuario).-"Cerrar-sesión"-(para-salir-de-la-cuenta).-Opciones-para-filtrar-o-buscar-libros-por:-Autor.-Categorías.-Mejor-calificación.-Sección-de-Libros:-Los-libros-disponibles-en-la-base-de-datos-deben-mostrarse-en-forma-de-tarjetas.-Las-tarjetas-deben-estar-organizadas-en-un-diseño-de-cuadrícula-(grid).-Cada-tarjeta-debe-incluir:-Nombre-del-libro.-Autor.-Calificación.-Esta-sección-será-dinámica-y-deberá-actualizarse-según-los-filtros-o-búsquedas-realizadas.-Footer:-Información-sobre-la-página,-como:-Acerca-de.-Política-de-privacidad.-Contacto.-Requisitos-Técnicos:-Componentización:-Cada-parte-de-la-interfaz-debe-estar-separada-en-componentes-React-para-facilitar-el-mantenimiento-y-la-escalabilidad-del-proyecto.-Ejemplo:-Componente-Header:-Encargado-de-la-barra-superior-(buscador,-ícono-de-perfil,-filtros).-Componente-BookCard:-Representa-cada-tarjeta-de-libro.-Componente-BookGrid:-Organiza-las-tarjetas-en-una-cuadrícula.-Componente-Footer:-Información-estática-de-la-página.-Estilos:-Utilizar-CSS-Modules,-Tailwind-CSS,-o-cualquier-otro-enfoque-que-permita-estilizar-cada-componente-de-forma-aislada.-Interactividad:-Implementar-eventos-y-estados-para-manejar:-La-búsqueda-de-libros-por-nombre.-El-despliegue-del-menú-del-perfil.-Los-filtros-dinámicos-(autor,-categorías,-calificación).