Пример Интимы (неплохой) - Copy this React, Tailwind Component to your project

Давайте передлаем 5 вкладку, которая называется интима там на этой вкладке нужно внутри создать еще 2 вкладки, которые называются и им matching и месседжи Сообщение то есть это будут matching и сообщения, вот они будут переключаться сверху. Вот сверху надо сделать переключение. Переключение 2 кнопок типа под надписью интима и там справа значок аккаунта должно быть надпись типа matching и сообщений типа когда нажимаешь мечущая одно когда нажимаешь Сообщение другое окно. Here's the message to send to the developer regarding the "Intima" tab: **Task: Update the "Intima" tab with two sub tabs: "Matching" and "Messages".** 1. **Sub tabs Navigation:** Add two sub tabs at the top of the "Intima" tab, under the header and account icon. Left tab: **"Matching"** Right tab: **"Messages"** Users can switch between these tabs to view different content. 2. **"Matching" Sub tab:** Display a list of **cards** representing potential matches. Each card should include: **Blurred photo** of the person. **Name**: Display the first letter followed by asterisks (e.g., "B***"). **Gender** or **Gender Identity**. **Match Probability**: Indicate how compatible the user is with this match (e.g., "Match Probability: 87%"). **Type of Match**: For example, "Friend", "Colleague", "Mentor", etc. **Sorting**: Cards should be sorted by match probability, with the highest probability first. **Interaction**: When a user taps on a card, it opens a detailed view of the person's profile. The detailed profile should resemble the layout of the "Second Profile" tab. Users can view the profile and return to the list to browse other matches. 3. **"Messages" Sub tab:** Display a list of **chats** with existing matches. Each chat entry should include: **Blurred photo** of the match. **Name**: Displayed similarly with the first letter and asterisks (e.g., "B***"). **Last Message Preview**: Show a snippet of the most recent message. **Timestamp**: Indicate when the last message was sent or received. **Interaction**: Users can tap on a chat to open the conversation and continue messaging. **Design Notes**: Feel free to design the chat list aesthetically. Use placeholder names and images as needed. **Additional Notes:** The content in both sub tabs is for demonstration purposes; you can create sample cards and chats with placeholder data. For names, use the first letter followed by asterisks. Photos should be blurred or pixelated to represent anonymity. The overall design should be consistent with the rest of the app. Ensure that users can navigate back and forth between the detailed views and the lists smoothly. Please implement these changes to the "Intima" tab. Let me know if you have any questions or need further clarification.