Shows data retrieved from the data source

DetailScreen().kt

            val country = countryId?.let { it1 -> CountryRepository.findCountry(it1) }

            Column(
                horizontalAlignment = Alignment.CenterHorizontally,
                verticalArrangement = Arrangement.Center
            ) {
                Text(
                    text = "${country?.name} ",
                    fontSize = 30.sp,
                    fontWeight = FontWeight.Bold
                )
                Spacer(modifier = Modifier.height(10.dp))
                Text(text = "Population", fontWeight = FontWeight.Bold)
                Text(text = "${country?.population}")

                Spacer(modifier = Modifier.height(6.dp))
                Text(text = "Largest City", fontWeight = FontWeight.Bold)
                Text(text = "${country?.largest_city} ")

                Spacer(modifier = Modifier.height(6.dp))
                Text(text = "Capital City", fontWeight = FontWeight.Bold)
                Text(text = "${country?.capital_city} ")

                Spacer(modifier = Modifier.height(6.dp))
                Text(text = "Major Language", fontWeight = FontWeight.Bold)
                Text(text = "${country?.major_language} ", textAlign = TextAlign.Center)

                Spacer(modifier = Modifier.height(6.dp))
                Text(text = "Major Religion", fontWeight = FontWeight.Bold)
                Text(text = "${country?.major_religion} ")

                Spacer(modifier = Modifier.height(6.dp))
                Text(text = "Monetary Unit", fontWeight = FontWeight.Bold)
                Text(text = "${country?.monetary_unit} ")
            }