AND-217: Introduce ChatsScreen composable

[andremion]

🎯 Goal

Make our chat screens compatible with large screens such as tablets.

🛠 Implementation details

A new ChatsActivity is introduced to the compose sample app to host the ChatsScreen and handle navigation between Chats and Threads

When the sample runs on a phone device, it should behave as is, rendering a single-pane screen.

When it runs on a larger device, e.g. a tablet, it should render two panels, one for channels and another one for messages of the selected channel.

⚠️ There are a few flows that need to be revisited. For now, ChatsScreen is marked as experimental.

🎨 UI Changes

Tablet

Before	After
before_chats_on_tablet.webm	chats_on_tablet.webm

Phone

Before	After
before_chats_on_phone.webm	chats_on_phone.webm

🧪 Testing

The sample is not yet ready to allow two configurations for channels/messages.
For now, you need to replace ChannelsActivity with ChatsActivity where you want to see the ChatsScreen in action.
For example:

StartupActivity

// Logged in, navigate to the channels screen
startActivity(ChatsActivity.createIntent(applicationContext))

UserLoginActivity

private fun openChannels() {
    startActivity(ChatsActivity.createIntent(applicationContext))
    finish()
}

🎉 GIF

[github-actions]

SDK Size Comparison 📏

SDK	Before	After	Difference	Status
stream-chat-android-client	3.04 MB	3.04 MB	0.00 MB	🟢
stream-chat-android-offline	3.25 MB	3.25 MB	0.00 MB	🟢
stream-chat-android-ui-components	7.91 MB	7.91 MB	0.00 MB	🟢
stream-chat-android-compose	9.04 MB	9.14 MB	0.10 MB	🟢

[skydoves]

Overall, this looks great! Implementing the all-in-one feature for the channel-messages screen was definitely much needed.

[sonarqubecloud]

Quality Gate failed

Failed conditions
0.0% Coverage on New Code (required ≥ 80%)

See analysis details on SonarQube Cloud