feat: channel list redesign

[khushal87]

This pull request introduces significant improvements to the channel preview and messaging experience, focusing on richer message previews, enhanced delivery status indicators, and improved flexibility in UI customization. The changes modernize the ChannelPreview and ChannelList components to better support draft messages, typing indicators, poll previews, and message delivery statuses, while also providing more control over the layout and appearance of muted status indicators.

Enhancements to Channel Preview and Message Status:

• The ChannelPreview and related components now support richer message previews, including draft messages, typing indicators, poll previews, and error states. Message delivery status (sent, delivered, read) is now visually indicated for the latest message sent by the current user. [1] [2] [3] [4] [5] [6] [7]

UI Customization and Layout Improvements:

• The mutedStatusPosition prop is added throughout the channel list and preview components, allowing the muted status indicator to be positioned either inline with the title or at the bottom of the preview. This prop is now part of the ChannelListProps and is passed through context to all relevant components. [1] [2] [3] [4] [5] [6] [7] [8]

Visual and Interaction Tweaks:

• The channel preview UI is updated to use Pressable instead of TouchableOpacity for better feedback and flexibility, and the avatar size is increased for improved visibility. Layout and styling are modernized for consistency and accessibility. [1] [2]

Minor UI Adjustments:

• The badge size in the image overlay component is reduced from large to small for a more compact appearance.
• The UserAdd icon in the new direct messaging screen is now explicitly sized for consistency.

[Stream-SDK-Bot]

SDK Size

title	develop	branch	diff	status
js_bundle_size	429 KB	423 KB	-5953 B	🚀