DocumentScreen: fix bottom bar when the system uses navigation buttons

app/src/main/java/org/mydomain/myscan/view/DocumentScreen.kt

@@ -37,6 +37,7 @@ import androidx.compose.material.icons.filled.PictureAsPdf
 import androidx.compose.material.icons.filled.RestartAlt
 import androidx.compose.material.icons.outlined.Delete
 import androidx.compose.material3.AlertDialog
+import androidx.compose.material3.BottomAppBar
 import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
@@ -219,12 +220,12 @@ private fun PageList(
 private fun BottomBar(
     showPdfDialog: MutableState<Boolean>,
     showNewDocDialog: MutableState<Boolean>,
+) {
+    BottomAppBar (
+        containerColor = MaterialTheme.colorScheme.surfaceContainerHigh
     ) {
         Row(
-        modifier = Modifier
-            .fillMaxWidth()
-            .background(MaterialTheme.colorScheme.surfaceContainerHigh)
-            .padding(start = 8.dp, end = 8.dp, top = 16.dp, bottom = 32.dp),
+            modifier = Modifier.fillMaxWidth(),
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.End
         ) {
@@ -242,6 +243,7 @@ private fun BottomBar(
             )
         }
     }
+}
 
 @Composable
 fun NewDocumentDialog(onConfirm: () -> Unit, showDialog: MutableState<Boolean>) {