style(scope): make scope list scrollable

...shorten previews code

Signed-off-by: Andy Scherzinger <info@andy-scherzinger.de>

Author: AndyScherzinger

app/src/main/java/com/nextcloud/talk/ui/dialog/ScopeBottomSheet.kt

@@ -10,6 +10,8 @@ import android.content.res.Configuration
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.isSystemInDarkTheme
 import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.rememberScrollState
+import androidx.compose.foundation.verticalScroll
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
@@ -20,7 +22,6 @@ import androidx.compose.material3.ExperimentalMaterial3Api
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.ModalBottomSheet
-import androidx.compose.material3.Surface
 import androidx.compose.material3.Text
 import androidx.compose.material3.darkColorScheme
 import androidx.compose.material3.lightColorScheme
@@ -60,7 +61,7 @@ fun ScopeBottomSheetContent(
     showPrivate: Boolean = true,
     onScopeSelected: (Scope) -> Unit
 ) {
-    Column(modifier = modifier.fillMaxWidth().padding(bottom = 8.dp)) {
+    Column(modifier = modifier.fillMaxWidth().verticalScroll(rememberScrollState()).padding(bottom = 8.dp)) {
         if (showPrivate) {
             ScopeOption(
                 iconRes = R.drawable.ic_cellphone,
@@ -128,23 +129,18 @@ private fun ScopeOption(
     }
 }
 
-@Preview(name = "Light", showBackground = true)
-@Preview(name = "Dark", showBackground = true, uiMode = Configuration.UI_MODE_NIGHT_YES)
+@OptIn(ExperimentalMaterial3Api::class)
+@Preview(name = "Light")
+@Preview(name = "Dark", uiMode = Configuration.UI_MODE_NIGHT_YES)
+@Preview(name = "RTL · Arabic", locale = "ar")
 @Composable
 private fun PreviewScopeBottomSheet() {
     val colorScheme = if (isSystemInDarkTheme()) darkColorScheme() else lightColorScheme()
     MaterialTheme(colorScheme = colorScheme) {
-        Surface {
-            ScopeBottomSheetContent(onScopeSelected = {})
-        }
-    }
-}
-
-@Preview(name = "RTL · Arabic", showBackground = true, locale = "ar")
-@Composable
-private fun PreviewScopeBottomSheetRtl() {
-    MaterialTheme(colorScheme = lightColorScheme()) {
-        Surface {
+        ModalBottomSheet(
+            onDismissRequest = {},
+            sheetState = rememberModalBottomSheetState()
+        ) {
             ScopeBottomSheetContent(onScopeSelected = {})
         }
     }