Fix: Synchronize Toolbar with page state only after HorizontalPager animation completes

[kez-lab]

Summary of changes

• Modified the logic so that the ViewModel state and the actual pager's current page are synchronized only after the HorizontalPager's page transition animation completes.
• This change prevents the Toolbar (page title) and the visible page from becoming out of sync during page transitions.

Related Issue

• Closes Bug Report: CreationScreen Toolbar and targetState mismatch during HorizontalPager animation #15

Detailed changes

• Added synchronization of the ViewModel state with the current pager page in the invokeOnCompletion block after animateScrollToPage inside LaunchedEffect(uiState.selectedPromptOption).

Code example

LaunchedEffect(uiState.selectedPromptOption) {
    launch {
        pagerState.animateScrollToPage(
            uiState.selectedPromptOption.ordinal,
            animationSpec = spatialSpec,
        )
    }.invokeOnCompletion {
        if (uiState.selectedPromptOption != PromptType.entries[pagerState.currentPage]) {
            onSelectedPromptOptionChanged(PromptType.entries[pagerState.currentPage])
        }
    }
}

ScreenShot

Before

Screen_recording_20250522_213720.webm

After

Screen_recording_20250522_220528.webm

[riggaroo]

thanks for the fix :)