enhance: add shadow to TopBars

feature/records/src/commonMain/kotlin/bzh/ajaury/chombev/player/ui/PlayerScreen.kt

@@ -24,6 +24,7 @@ import androidx.compose.runtime.remember
 import androidx.compose.runtime.setValue
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.tooling.preview.Preview
 import androidx.compose.ui.unit.dp
@@ -104,6 +105,7 @@ fun PlayerScreen(
     Scaffold(
         topBar = {
             TopAppBar(
+                modifier = Modifier.shadow(elevation = 2.dp),
                 title = {
                     Row(
                         verticalAlignment = Alignment.CenterVertically,

shared/src/commonMain/kotlin/bzh/ajaury/chombev/navigation/MainTopBar.kt

@@ -10,6 +10,7 @@ import androidx.compose.material3.TopAppBar
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.shadow
 import androidx.compose.ui.unit.dp
 import bzh.ajaury.chombev.resources.generated.resources.Res
 import bzh.ajaury.chombev.resources.generated.resources.app_icon
@@ -22,6 +23,8 @@ import org.jetbrains.compose.resources.stringResource
 @Composable
 fun MainTopBar() {
     TopAppBar(
+        // A subtle drop shadow to lift the bar above the content scrolling beneath it.
+        modifier = Modifier.shadow(elevation = 2.dp),
         title = {
             Row(
                 verticalAlignment = Alignment.CenterVertically,
@@ -30,7 +33,7 @@ fun MainTopBar() {
                 Image(
                     painter = painterResource(Res.drawable.app_icon),
                     contentDescription = null,
-                    modifier = Modifier.size(32.dp),
+                    modifier = Modifier.size(24.dp),
                 )
                 Text(text = stringResource(Res.string.app_name))
             }