Navigating to Compose destinations

In this section, we will learn how to navigate to a details screen when we click on a pet item in the list. First, we need to create a new composable for PetDetailsScreen. Let us create a new file called PetDetailsScreen.kt and create the PetDetailsScreenContent composable as follows:

@OptIn(ExperimentalLayoutApi::class)
@Composable
fun PetDetailsScreenContent(modifier: Modifier) {
    Column(
        modifier = modifier
            .fillMaxSize()
            .padding(16.dp),
        verticalArrangement = Arrangement.Center,
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        AsyncImage(
   &...