App Layout - Copy this React, Tailwind Component to your project

Задача: ИЗМЕНИТЬ вкладку "Tips", где пользователь может находить советы, связанные с отношениями (романтическими, дружескими, профессиональными). Советы структурированы по категориям и доступны для чтения. Функционал: 1. показывает категории в виде списка или карточек с иконками. 2. Каждая категория содержит список статей с заголовками и кратким описанием. 3. При клике на статью открывается полный текст совета. Категории: 1. 💡 Communication Skills: активное слушание, невербальное общение, справление с неловкими паузами. 2. ❤️ Romantic Relationships: выражение любви, личные границы, тревожные сигналы в партнёре. 3. 🤝 Building Friendships: как заводить друзей, поддержание дружбы на расстоянии, токсичная дружба. 4. 🧠 Understanding Personality Types: общение с интровертами и экстравертами, базовый обзор MBTI. 5. 🌟 Self-Improvement: уверенность в общении, эмпатия, вредные привычки в отношениях. 6. 🛁 Personal Hygiene: базовые привычки, уход за кожей и волосами, сохранение свежести. 7. 🌍 Cross-Cultural Relationships: культурные различия, избегание недопонимания, уважение к разнообразию. Интерфейс: 1. Главный экран содержит категории с иконками и названиями. 2. Экран категории отображает список статей с кнопкой "Read More" для перехода к полному тексту. 3. Поле поиска для быстрого нахождения нужной статьи.