use reverse layout

feature/chat/chat-client/src/commonMain/kotlin/ru/shadowsparky/chat/presentation/ChatComponent.kt

@@ -80,10 +80,10 @@ class ChatComponent(
         val currentState = _state.value as? ChatState.Data ?: return
         scope.launch {
             _state.value = currentState.copy(isSending = true)
-            val latestMessageId = currentState.messages.lastOrNull()?.id
+            val latestMessageId = currentState.messages.firstOrNull()?.id
             val freshMessages = repository.query(afterId = latestMessageId)
             _state.value = currentState.copy(
-                messages = currentState.messages + freshMessages,
+                messages = freshMessages + currentState.messages,
                 isSending = false
             )
         }

feature/chat/chat-client/src/commonMain/kotlin/ru/shadowsparky/chat/presentation/ChatScreen.kt

@@ -158,7 +158,8 @@ private fun ChatContent(
                 .weight(1f)
                 .fillMaxWidth(),
             contentPadding = contentPadding,
-            verticalArrangement = Arrangement.spacedBy(8.dp)
+            verticalArrangement = Arrangement.spacedBy(8.dp),
+            reverseLayout = true
         ) {
             items(items = state.messages, key = { it.id ?: it.hashCode() }) { message ->
                 MessageBubble(