Update web sample with dynamic web scaling

demos/appyx-navigation/web/src/jsMain/kotlin/com/bumble/appyx/navigation/Main.kt

@@ -30,6 +30,8 @@ import androidx.compose.ui.input.key.key
 import androidx.compose.ui.input.key.onKeyEvent
 import androidx.compose.ui.input.key.type
 import androidx.compose.ui.layout.onSizeChanged
+import androidx.compose.ui.platform.LocalDensity
+import androidx.compose.ui.unit.Density
 import androidx.compose.ui.unit.dp
 import androidx.compose.ui.window.CanvasBasedWindow
 import com.bumble.appyx.demos.appyxSample
@@ -47,6 +49,8 @@ import kotlinx.coroutines.channels.Channel
 import kotlinx.coroutines.flow.receiveAsFlow
 import kotlinx.coroutines.launch
 
+private val containerShape = RoundedCornerShape(8)
+
 @OptIn(ExperimentalComposeUiApi::class)
 fun main() {
     val events: Channel<Unit> = Channel()
@@ -58,11 +62,9 @@ fun main() {
     }
 }
 
-private val containerShape = RoundedCornerShape(8)
-
 @Composable
 private fun CakeApp(events: Channel<Unit>, navigator: Navigator) {
-    AppyxSampleAppTheme(darkTheme = true, themeTypography = webTypography) {
+    AppyxSampleAppTheme(darkTheme = true) {
         val requester = remember { FocusRequester() }
         var hasFocus by remember { mutableStateOf(false) }
 
@@ -81,7 +83,7 @@ private fun CakeApp(events: Channel<Unit>, navigator: Navigator) {
                 .onFocusChanged { hasFocus = it.hasFocus },
             color = MaterialTheme.colorScheme.background,
         ) {
-            CompositionLocalProvider(LocalNavigator provides navigator) {
+            ProvideScopeConfiguration(navigator, screenSize) {
                 BlackContainer {
                     WebNodeHost(
                         screenSize = screenSize,
@@ -123,6 +125,27 @@ private fun BlackContainer(content: @Composable () -> Unit) {
     }
 }
 
+@Composable
+private fun ProvideScopeConfiguration(
+    navigator: Navigator,
+    screenSize: ScreenSize,
+    body: @Composable () -> Unit
+) {
+    CompositionLocalProvider(
+        LocalDensity provides screenSize.calculateDensityFromScreenSize(),
+        LocalNavigator provides navigator,
+    ) {
+        body()
+    }
+}
+
+private fun ScreenSize.calculateDensityFromScreenSize(): Density =
+    if (widthDp.value < 1500) {
+        Density(1.2f, 1f)
+    } else {
+        Density(1.8f, 1.2f)
+    }
+
 private fun onKeyEvent(
     keyEvent: KeyEvent,
     events: Channel<Unit>,