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
@@ -220,11 +221,11 @@ private fun BottomBar(
     showPdfDialog: MutableState<Boolean>,
     showNewDocDialog: MutableState<Boolean>,
 ) {
+    BottomAppBar (
+        containerColor = MaterialTheme.colorScheme.surfaceContainerHigh
+    ) {
         Row(
-        modifier = Modifier
+            modifier = Modifier.fillMaxWidth(),
-            .fillMaxWidth()
-            .background(MaterialTheme.colorScheme.surfaceContainerHigh)
-            .padding(start = 8.dp, end = 8.dp, top = 16.dp, bottom = 32.dp),
             verticalAlignment = Alignment.CenterVertically,
             horizontalArrangement = Arrangement.End
         ) {
@@ -241,6 +242,7 @@ private fun BottomBar(
                 modifier = Modifier.padding(vertical = 8.dp)
             )
         }
+    }
 }
 
 @Composable