MenuView.kt

fun MenuView(
    modifier: Modifier = Modifier,
    menuSections: List<MenuSections> = FakeData.menuData
) {
    val scope = rememberCoroutineScope()

    val sectionsListState = rememberLazyListState()
    val itemsListState = rememberLazyListState()
    var selectedSectionIndex by remember { mutableStateOf(0) }

    Column(modifier) {
        Text(
            modifier = Modifier.padding(
                horizontal = 10.dp,
                vertical = 30.dp
            ),
            text = "Menu",
            style = TextStyle(fontSize = 28.sp, fontWeight = FontWeight.Bold),
            color = Color.DarkGray
        )

        MenuSectionsView(
            selectedIndex = selectedSectionIndex,
            menuSections = menuSections,
            sectionsListState = sectionsListState,
            onClick = { sectionIndex ->
                selectedSectionIndex = sectionIndex

                scope.launch {
                    sectionsListState.animateScrollToItem(sectionIndex)
                    itemsListState.animateScrollToItem(sectionIndex)
                }
            }
        )

        Divider()

        MenuItemsView(
            menuSections = menuSections,
            itemsListState = itemsListState,
            onPostScroll = {
                val currentSectionIndex = itemsListState.firstVisibleItemIndex
                if (selectedSectionIndex != currentSectionIndex) {
                    selectedSectionIndex = currentSectionIndex

                    scope.launch {
                        sectionsListState.animateScrollToItem(currentSectionIndex)
                    }
                }
            }
        )
    }
}