Fix ReaderPageSheet padding and ripple

app/src/main/kotlin/eu/kanade/tachiyomi/ui/reader/ReaderActivity.kt

@@ -43,6 +43,9 @@ import androidx.activity.result.contract.ActivityResultContracts.CreateDocument
 import androidx.activity.viewModels
 import androidx.annotation.ChecksSdkIntAtLeast
 import androidx.annotation.RequiresApi
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.WindowInsets
+import androidx.compose.foundation.layout.navigationBarsPadding
 import androidx.compose.material3.LocalTextStyle
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.ModalBottomSheetFix
@@ -53,6 +56,7 @@ import androidx.compose.runtime.mutableIntStateOf
 import androidx.compose.runtime.mutableStateOf
 import androidx.compose.runtime.rememberCoroutineScope
 import androidx.compose.runtime.setValue
+import androidx.compose.ui.Modifier
 import androidx.compose.ui.graphics.BlendMode
 import androidx.core.content.FileProvider
 import androidx.core.graphics.ColorUtils
@@ -745,10 +749,12 @@ class ReaderActivity : EhActivity() {
                 ModalBottomSheetFix(
                     onDismissRequest = { dismiss() },
                     sheetState = sheetState,
+                    windowInsets = WindowInsets(0),
                 ) {
                     ReaderPageSheet(page) {
                         coroutineScope.launch { sheetState.hide() }
                     }
+                    Spacer(modifier = Modifier.navigationBarsPadding())
                 }
             }
         }

app/src/main/kotlin/eu/kanade/tachiyomi/ui/reader/ReaderPageSheet.kt

@@ -31,11 +31,11 @@ import moe.tarsin.kt.andThen
 @Composable
 fun ReaderPageSheet(page: ReaderPage, dismiss: () -> Unit) {
     val activity = LocalContext.current.run { remember { findActivity<ReaderActivity>() } }
-    val modifier = Modifier.fillMaxWidth().height(56.dp).padding(horizontal = 16.dp)
 
     @Composable
     fun Item(icon: ImageVector, @StringRes text: Int, onClick: () -> Unit) = Row(
-        modifier = modifier.clickable(onClick = onClick andThen dismiss),
+        modifier = Modifier.fillMaxWidth().height(56.dp)
+            .clickable(onClick = onClick andThen dismiss).padding(horizontal = 16.dp),
         verticalAlignment = Alignment.CenterVertically,
     ) {
         Icon(imageVector = icon, contentDescription = null)