How to wed Scaffold, LazyColumn and IME padding in Jetpack Compose edge-to-edge

MainActivity.kt

package com.example.app

import android.os.Bundle
import androidx.activity.*
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.material3.*
import androidx.compose.runtime.*
import androidx.compose.runtime.saveable.rememberSaveable
import androidx.compose.ui.Modifier
import com.example.app.ui.theme.ExampleTheme

class MainActivity : ComponentActivity() {

    @OptIn(ExperimentalMaterial3Api::class)
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        enableEdgeToEdge()
        setContent {
            ExampleTheme {
                Scaffold(
                    topBar = {
                        Row(Modifier.fillMaxWidth(), Arrangement.Center) {
                            var query by rememberSaveable { mutableStateOf("") }
                            SearchBar(query, { query = it }, {}, false, {}) {}
                        }
                    },
                    content = { innerPadding ->
                        LazyColumn(
                            modifier = Modifier
                                .consumeWindowInsets(innerPadding)
                                .imePadding(),
                            contentPadding = innerPadding,
                            content = { items(30) { ListItem({ Text("Item #$it") }) } },
                        )
                    },
                )
            }
        }
    }
}