Default Component - Copy this React, Tailwind Component to your project

Project Title: Chat App with Daily Snap Feature and Group Chats Tech Stack: React, Tailwind CSS Description: I want to create a real-time chat application using React and Tailwind CSS. The app should have the following key features: One-on-One and Group Chats Users should be able to send text messages in private and group chats. Each chat should have a name, members, and an option to leave the group. Daily Snap Feature Users should be able to take a snapshot daily using their camera. The snap should be visible to friends or group members for 24 hours before disappearing. Real-Time Messaging Messages should be delivered instantly without refreshing the page. Show typing indicators and message read status. User Authentication & Profiles Allow sign-up and login (Firebase authentication preferred). Each user should have a profile with a picture and status. Modern UI with Tailwind CSS The design should be minimal, sleek, and mobile-friendly. Implement dark mode toggle. Additional Notes: Suggest a backend solution (Firebase, Supabase, or any suitable real-time database). How can we efficiently store and manage snaps? What’s the best approach for secure and scalable group chat implementation?