#chat

Implement a real-time chat application. Use Supabase for Auth and Realtime Database. Features: 1. Channels/Rooms management. 2. Instantly visible messages using Postgres Changes. 3. 'User typing...' indicator. 4. Chat bubble UI with sender/receiver alignment. 5. Emoji picker integration and image attachment support using Supabase Storage.

Create a real-time chat application using Svelte 5's new runes. Requirements: 1. Use $state and $derived runes for reactive messages. 2. WebSocket connection with auto-reconnect. 3. Typing indicators with $effect rune. 4. Message grouping by date dividers. 5. Infinite scroll for message history. 6. File upload with drag-and-drop. 7. Emoji picker integration. 8. Read receipts and online status. Style with SvelteKit and use server-sent events for presence.