added crossfade transition

app/src/main/java/com/sirekanian/spacetime/ui/GalleryPageContent.kt

@@ -9,8 +9,10 @@ import androidx.compose.foundation.lazy.grid.LazyVerticalGrid
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.unit.dp
 import coil.compose.AsyncImage
+import coil.request.ImageRequest
 import com.sirekanian.spacetime.MainState
 import com.sirekanian.spacetime.data.URLS
 
@@ -24,7 +26,10 @@ fun GalleryPageContent(insets: PaddingValues, state: MainState) {
         items(URLS.size) { index ->
             val url = URLS[index]
             AsyncImage(
-                model = url,
+                model = ImageRequest.Builder(LocalContext.current)
+                    .data(url)
+                    .crossfade(true)
+                    .build(),
                 contentDescription = null,
                 modifier = Modifier
                     .aspectRatio(1f)

app/src/main/java/com/sirekanian/spacetime/ui/ImagePageContent.kt

@@ -8,15 +8,20 @@ import androidx.compose.material.Text
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.layout.ContentScale
+import androidx.compose.ui.platform.LocalContext
 import androidx.compose.ui.unit.dp
 import coil.compose.AsyncImage
+import coil.request.ImageRequest
 import com.sirekanian.spacetime.ImagePage
 import com.sirekanian.spacetime.MainState
 
 @Composable
 fun ImagePageContent(insets: PaddingValues, state: MainState, page: ImagePage, index: Int) {
     AsyncImage(
-        model = page.name,
+        model = ImageRequest.Builder(LocalContext.current)
+            .data(page.name)
+            .crossfade(true)
+            .build(),
         contentDescription = null,
         modifier = Modifier.fillMaxSize(),
         contentScale = ContentScale.Crop,