style(ui): improve UI expressiveness and consistency across components

This commit enhances the visual consistency and interactivity of several UI components by adopting a more "expressive" design language. It introduces a reusable `ExpressiveCard` component, updates shapes to use larger corner radii, and implements specialized Material3 shapes for icon buttons.

- **feat(dev-profile)**: Added `ExpressiveCard` component using `ElevatedCard` with a 32.dp corner radius and consistent surface coloring.
- **refactor(dev-profile)**: Migrated `StatsRow`, `DeveloperRepoItem`, and `ProfileInfoCard` to use `ExpressiveCard` for a unified look.
- **style(dev-profile)**: Applied unique `MaterialShapes` (Cookie9Sided and Cookie6Sided) to sort and favorite buttons.
- **style(apps)**: Updated repository cards in `AppsRoot` with 32.dp rounded corners and improved click handling with proper clipping.
- **style(details)**: Updated the `Owner` section card to use a `RoundedCornerShape(32.dp)` to match the new design language.
- **style(dev-profile)**: Added `DropdownMenu` rounding and additional padding to sort menu items.

Author: rainxchzed

feature/apps/presentation/src/commonMain/kotlin/zed/rainxch/apps/presentation/AppsRoot.kt

@@ -377,8 +377,9 @@ fun AppItemCard(
     ExpressiveCard {
         Column(
             modifier = modifier
-                .padding(16.dp)
+                .clip(RoundedCornerShape(32.dp))
                 .clickable { onRepoClick() }
+                .padding(16.dp)
         ) {
             Row(
                 modifier = Modifier.fillMaxWidth(),

feature/details/presentation/src/commonMain/kotlin/zed/rainxch/details/presentation/components/sections/Owner.kt

@@ -12,6 +12,7 @@ import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.lazy.LazyListScope
 import androidx.compose.foundation.shape.CircleShape
+import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.automirrored.filled.KeyboardArrowRight
 import androidx.compose.material3.CardDefaults
@@ -74,6 +75,7 @@ fun LazyListScope.author(
             colors = CardDefaults.outlinedCardColors(
                 containerColor = MaterialTheme.colorScheme.surfaceContainerLowest
             ),
+            shape = RoundedCornerShape(32.dp)
         ) {
             Row(
                 modifier = Modifier.padding(12.dp),

feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/DeveloperRepoItem.kt

@@ -2,6 +2,7 @@
 
 package zed.rainxch.devprofile.presentation.components
 
+import androidx.compose.foundation.clickable
 import androidx.compose.foundation.horizontalScroll
 import androidx.compose.foundation.layout.Arrangement
 import androidx.compose.foundation.layout.Column
@@ -25,9 +26,11 @@ import androidx.compose.material3.Card
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.FilledIconToggleButton
 import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialShapes
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.SuggestionChip
 import androidx.compose.material3.Text
+import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
@@ -53,13 +56,13 @@ fun DeveloperRepoItem(
     onToggleFavorite: () -> Unit,
     modifier: Modifier = Modifier
 ) {
-    Card(
+    ExpressiveCard(
         modifier = modifier.fillMaxWidth(),
-        onClick = onItemClick
     ) {
         Column(
             modifier = Modifier
                 .fillMaxWidth()
+                .clickable(onClick = onItemClick)
                 .padding(16.dp)
         ) {
             Row(
@@ -93,7 +96,8 @@ fun DeveloperRepoItem(
                 FilledIconToggleButton(
                     checked = repository.isFavorite,
                     onCheckedChange = { onToggleFavorite() },
-                    modifier = Modifier.size(40.dp)
+                    modifier = Modifier.size(40.dp),
+                    shape = MaterialShapes.Cookie6Sided.toShape(),
                 ) {
                     Icon(
                         imageVector = if (repository.isFavorite) {

feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/ExpressiveCard.kt

@@ -0,0 +1,25 @@
+package zed.rainxch.devprofile.presentation.components
+
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.CardDefaults
+import androidx.compose.material3.ElevatedCard
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun ExpressiveCard(
+    modifier: Modifier = Modifier,
+    content: @Composable () -> Unit
+) {
+    ElevatedCard(
+        modifier = modifier.fillMaxWidth(),
+        colors = CardDefaults.elevatedCardColors(
+            containerColor = MaterialTheme.colorScheme.surfaceContainer
+        ),
+        shape = RoundedCornerShape(32.dp),
+        content = { content() }
+    )
+}

feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/FilterSortControls.kt

@@ -7,6 +7,7 @@ import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.Spacer
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.padding
 import androidx.compose.foundation.layout.size
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.material.icons.Icons
@@ -20,11 +21,13 @@ import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.FilledIconButton
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialShapes
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.OutlinedTextField
 import androidx.compose.material3.SecondaryScrollableTabRow
 import androidx.compose.material3.Tab
 import androidx.compose.material3.Text
+import androidx.compose.material3.toShape
 import androidx.compose.runtime.Composable
 import androidx.compose.runtime.getValue
 import androidx.compose.runtime.mutableStateOf
@@ -165,6 +168,7 @@ private fun FilterChipTab(
     }
 }
 
+@OptIn(ExperimentalMaterial3ExpressiveApi::class)
 @Composable
 private fun SortMenu(
     currentSort: RepoSortType,
@@ -175,7 +179,8 @@ private fun SortMenu(
     Box {
         FilledIconButton(
             onClick = { expanded = true },
-            modifier = Modifier.size(40.dp)
+            modifier = Modifier.size(40.dp),
+            shape = MaterialShapes.Cookie9Sided.toShape()
         ) {
             Icon(
                 imageVector = Icons.AutoMirrored.Filled.Sort,
@@ -186,12 +191,14 @@ private fun SortMenu(
 
         DropdownMenu(
             expanded = expanded,
-            onDismissRequest = { expanded = false }
+            onDismissRequest = { expanded = false },
+            shape = RoundedCornerShape(32.dp)
         ) {
             RepoSortType.entries.forEach { sort ->
                 DropdownMenuItem(
                     text = {
                         Row(
+                            modifier = Modifier.padding(4.dp),
                             horizontalArrangement = Arrangement.spacedBy(8.dp),
                             verticalAlignment = Alignment.CenterVertically
                         ) {

feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/ProfileInfoCard.kt

@@ -41,9 +41,7 @@ fun ProfileInfoCard(
     profile: DeveloperProfile,
     onAction: (DeveloperProfileAction) -> Unit
 ) {
-    Card(
-        modifier = Modifier.fillMaxWidth()
-    ) {
+    ExpressiveCard {
         Column(
             modifier = Modifier
                 .fillMaxWidth()

feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/StatsRow.kt

@@ -52,7 +52,7 @@ private fun StatCard(
     value: String,
     modifier: Modifier = Modifier
 ) {
-    Card(modifier = modifier) {
+    ExpressiveCard(modifier = modifier) {
         Column(
             modifier = Modifier
                 .fillMaxWidth()