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

Create a collapsible component using React and Tailwind CSS. The component should initially display a single button labeled 'Show more'. When clicked, the button should move to the bottom of the component, and the hidden content should expand smoothly above the button. The button label should change to 'Show less' when the content is expanded. The expanded content should include: A grid layout showcasing multiple categories (e.g., 'Learners', 'Developers', 'Researchers'). Each category should display a title, a brief description, and a list of key features styled with icons. Ensure responsiveness with the grid stacking vertically on smaller screens and aligning horizontally on larger screens. Use Tailwind CSS for styling, incorporating smooth animations for the expand/collapse transition. Make sure the button remains sticky to the bottom of the component, maintaining a clean and modern UI.