AI-Assisted Migration from XML to Jetpack Compose

Convert this screen to Jetpack Compose.
Inputs: fragment_orders.xml, item_order.xml, OrdersAdapter.kt, OrdersFragment.kt, OrdersUiState.kt.
Requirements:
- Stateless `OrdersContent(state: OrdersUiState, onOrderClick: (String) -> Unit, onRetry: () -> Unit)`.
- RecyclerView → LazyColumn with key = order.id; preserve item layout, spacing and text styles
  using our AppTheme (Material 3) tokens, not raw colors.
- Preserve behaviour: empty state, error + retry, swipe-to-refresh, content descriptions.
- List anything in the XML you could not map exactly (custom attrs, styles, animations).
- Add previews for loading, empty, error and 3 items.
Do not change OrdersViewModel.

class OrdersFragment : Fragment() {
    private val viewModel: OrdersViewModel by viewModels()

    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?) =
        ComposeView(requireContext()).apply {
            setViewCompositionStrategy(ViewCompositionStrategy.DisposeOnViewTreeLifecycleDestroyed)
            setContent {
                AppTheme {
                    val state by viewModel.uiState.collectAsStateWithLifecycle()
                    OrdersContent(state, onOrderClick = ::openOrder, onRetry = viewModel::retry)
                }
            }
        }

    private fun openOrder(id: String) { /* existing navigation */ }
}