val items = remember(lazyPagingItems.itemCount) {
                            derivedStateOf {
                                List(lazyPagingItems.itemCount) { it }.windowed(stepSize, stepSize, true)
                            }
                        }
						
						
LazyColumn(
	state = lazyListState,
	contentPadding = PaddingValues(vertical = 8.dp),
	content = {
		item {
			Header(viewModel)
		}
		items(items.value) { items ->
			Row(
				modifier = Modifier
					.fillMaxWidth()
					.padding(horizontal = 4.dp)
			) {
				items.map { lazyPagingItems[it] }.forEach {
					AlbumEntryGrid(it, viewModel.getThumbnailImagePath(it)) {
						if (it != null) {
							navigator.navigateTo(AlbumDetailsScreenDestination(it))
						}
					}
				}
				repeat(stepSize - items.size) {
					Spacer(modifier = Modifier.weight(1f))
				}
			}
		}
	}
)						
								
@Composable
fun RowScope.AlbumEntryGrid(mediaItem: MediaItem?, thumbnailImagePath: ImagePath, onRowClick: () -> Unit) {
    val finalMediaItem = mediaItem ?: MediaItem(title = "Placeholder")
    Box(
        Modifier
            .clickable { onRowClick() }
            .aspectRatio(1f)
            .weight(1f)
            .padding(4.dp)
            .clip(RoundedCornerShape(8.dp)),
    ) {
        val imageRequest = ImageRequest(
            thumbnailImagePath,
            exactSize = false,
            debugTag = "AlbumEntryGrid"
        )
        Image(
            imageRequestPainter = rememberImageRequestPainter(imageRequest = imageRequest),
            contentDescription = null,
            error = @Composable { Error(finalMediaItem) },
            placeHolder = @Composable { SurfacePlaceHolder() },
            contentScale = ContentScale.FillBounds,
            modifier = Modifier
                .aspectRatio(1f)
        )
    }
}

val lazyListState = rememberLazyListState()