Collapsible Sidebar - Copy this React, Tailwind Component to your project

Design a collapsible sidebar for a manga reading website with a smooth and modern transition. The sidebar should include the following features: At the top of the sidebar, place the website's logo centered. Include modern and attractive icons for each of the following sections: Inicio Pendientes Biblioteca Populares Grupos Noticias The sidebar should collapse smoothly with a modern animation when minimized, leaving only the icons visible. When expanded, display the full name of each section next to its corresponding icon. The overall design should be minimalistic, with soft, clean transitions and a cohesive color palette to match the dark and light modes of the website.