clickable-2.kt

Row(
    modifier = Modifier
        .fillMaxWidth()
        .clip(MaterialTheme.shapes.large)
        .background(MaterialTheme.colorScheme.primaryContainer)
        // Add clickable-modifier with the role of Button
        .clickable(
            role = Role.Button
        ) {
            onClick()
        }
        .padding(ClickableScreen.padding),
    horizontalArrangement = Arrangement.SpaceBetween,
    verticalAlignment = Alignment.CenterVertically,
) {
    Text(
        text = "Bookmark this item", 
        style = MaterialTheme.typography.titleMedium, 
        color = MaterialTheme.colorScheme.onPrimaryContainer
    )
    // Remove IconButton. 
    // The content description is not needed anymore 
    // as the whole element is merged and text serves as a label 
    FavouriteIcon(icon = icon, modifier = Modifier.padding(12.dp))
}