refactor(core): consolidate and promote ExpressiveCard to core components

This commit moves the `ExpressiveCard` component from the `dev-profile` feature to the `core` presentation module to allow for consistent styling and reuse across different features. It also updates the component to support optional click handling.

- **refactor(core)**: Relocated `ExpressiveCard` to `zed.rainxch.core.presentation.components` and added an `onClick` parameter.
- **refactor(apps)**: Removed local `ExpressiveCard` implementation in `AppsRoot.kt` in favor of the core component.
- **refactor(profile)**: Removed local `ExpressiveCard` implementation in `Appearance.kt` and updated imports.
- **refactor(dev-profile)**: Deleted redundant `ExpressiveCard.kt` and updated `StatsRow.kt`, `DeveloperRepoItem.kt`, and `ProfileInfoCard.kt` to use the core component.
- **refactor(core)**: Updated `RepositoryCard` to use `ExpressiveCard` instead of a standard `Card`, ensuring UI consistency.

Author: rainxchzed

…resentation/components/ExpressiveCard.kt …resentation/components/ExpressiveCard.ktfeature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/ExpressiveCard.kt renamed to core/presentation/src/commonMain/kotlin/zed/rainxch/core/presentation/components/ExpressiveCard.kt feature/dev-profile/presentation/src/commonMain/kotlin/zed/rainxch/devprofile/presentation/components/ExpressiveCard.kt renamed to core/presentation/src/commonMain/kotlin/zed/rainxch/core/presentation/components/ExpressiveCard.kt

@@ -1,4 +1,4 @@
-package zed.rainxch.devprofile.presentation.components
+package zed.rainxch.core.presentation.components
 
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.shape.RoundedCornerShape
@@ -12,13 +12,17 @@ import androidx.compose.ui.unit.dp
 @Composable
 fun ExpressiveCard(
     modifier: Modifier = Modifier,
+    onClick: (() -> Unit)? = null,
     content: @Composable () -> Unit
 ) {
     ElevatedCard(
         modifier = modifier.fillMaxWidth(),
         colors = CardDefaults.elevatedCardColors(
             containerColor = MaterialTheme.colorScheme.surfaceContainer
         ),
+        onClick = {
+            onClick?.invoke()
+        },
         shape = RoundedCornerShape(32.dp),
         content = { content() }
     )

core/presentation/src/commonMain/kotlin/zed/rainxch/core/presentation/components/RepositoryCard.kt

@@ -64,13 +64,9 @@ fun RepositoryCard(
     modifier: Modifier = Modifier
 ) {
     val uriHandler = LocalUriHandler.current
-    Card(
-        modifier = modifier.fillMaxWidth(),
+    ExpressiveCard(
         onClick = onClick,
-        colors = CardDefaults.cardColors(
-            containerColor = MaterialTheme.colorScheme.surfaceContainer
-        ),
-        shape = RoundedCornerShape(24.dp)
+        modifier = modifier
     ) {
         Box {
             if (discoveryRepository.isFavourite) {

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

@@ -72,6 +72,7 @@ import org.koin.compose.viewmodel.koinViewModel
 import zed.rainxch.apps.presentation.model.AppItem
 import zed.rainxch.apps.presentation.model.UpdateAllProgress
 import zed.rainxch.apps.presentation.model.UpdateState
+import zed.rainxch.core.presentation.components.ExpressiveCard
 import zed.rainxch.core.presentation.locals.LocalBottomNavigationHeight
 import zed.rainxch.core.presentation.locals.LocalBottomNavigationLiquid
 import zed.rainxch.core.presentation.theme.GithubStoreTheme
@@ -374,7 +375,7 @@ fun AppItemCard(
 ) {
     val app = appItem.installedApp
 
-    ExpressiveCard (modifier = modifier) {
+    ExpressiveCard(modifier = modifier) {
         Column(
             modifier = Modifier
                 .clip(RoundedCornerShape(32.dp))
@@ -647,21 +648,6 @@ private fun formatLastChecked(timestamp: Long): String {
     }
 }
 
-@Composable
-private 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() }
-    )
-}
-
 @Preview
 @Composable
 private fun Preview() {

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

@@ -22,7 +22,6 @@ import androidx.compose.material.icons.filled.Star
 import androidx.compose.material.icons.outlined.FavoriteBorder
 import androidx.compose.material.icons.outlined.Warning
 import androidx.compose.material3.Badge
-import androidx.compose.material3.Card
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.FilledIconToggleButton
 import androidx.compose.material3.Icon
@@ -41,6 +40,7 @@ import androidx.compose.ui.unit.dp
 import zed.rainxch.githubstore.core.presentation.res.*
 import org.jetbrains.compose.resources.stringResource
 import androidx.compose.ui.tooling.preview.Preview
+import zed.rainxch.core.presentation.components.ExpressiveCard
 import zed.rainxch.core.presentation.theme.GithubStoreTheme
 import zed.rainxch.core.presentation.utils.formatCount
 import zed.rainxch.devprofile.domain.model.DeveloperRepository

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

@@ -17,7 +17,6 @@ import androidx.compose.material.icons.filled.Link
 import androidx.compose.material.icons.filled.LocationOn
 import androidx.compose.material.icons.filled.Tag
 import androidx.compose.material3.AssistChip
-import androidx.compose.material3.Card
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.Icon
 import androidx.compose.material3.MaterialTheme
@@ -32,6 +31,7 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import com.skydoves.landscapist.ImageOptions
 import com.skydoves.landscapist.coil3.CoilImage
+import zed.rainxch.core.presentation.components.ExpressiveCard
 import zed.rainxch.devprofile.domain.model.DeveloperProfile
 import zed.rainxch.devprofile.presentation.DeveloperProfileAction
 
@@ -130,7 +130,7 @@ fun ProfileInfoCard(
                                 maxLines = 1,
                                 overflow = TextOverflow.Ellipsis,
 
-                            )
+                                )
                         },
                         leadingIcon = {
                             Icon(

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

@@ -5,7 +5,6 @@ import androidx.compose.foundation.layout.Column
 import androidx.compose.foundation.layout.Row
 import androidx.compose.foundation.layout.fillMaxWidth
 import androidx.compose.foundation.layout.padding
-import androidx.compose.material3.Card
 import androidx.compose.material3.ExperimentalMaterial3ExpressiveApi
 import androidx.compose.material3.MaterialTheme
 import androidx.compose.material3.Text
@@ -16,6 +15,7 @@ import androidx.compose.ui.text.style.TextOverflow
 import androidx.compose.ui.unit.dp
 import zed.rainxch.githubstore.core.presentation.res.*
 import org.jetbrains.compose.resources.stringResource
+import zed.rainxch.core.presentation.components.ExpressiveCard
 import zed.rainxch.core.presentation.utils.formatCount
 import zed.rainxch.devprofile.domain.model.DeveloperProfile
 

feature/profile/presentation/src/commonMain/kotlin/zed/rainxch/profile/presentation/components/sections/Appearance.kt

@@ -57,6 +57,7 @@ import androidx.compose.ui.unit.dp
 import org.jetbrains.compose.resources.stringResource
 import zed.rainxch.core.domain.model.AppTheme
 import zed.rainxch.core.domain.model.FontTheme
+import zed.rainxch.core.presentation.components.ExpressiveCard
 import zed.rainxch.core.presentation.theme.isDynamicColorAvailable
 import zed.rainxch.core.presentation.utils.displayName
 import zed.rainxch.core.presentation.utils.primaryColor
@@ -137,7 +138,7 @@ private fun ThemeSelectionCard(
     isDarkTheme: Boolean?,
     onDarkThemeChange: (Boolean?) -> Unit
 ) {
-    ExpressiveCard{
+    ExpressiveCard {
         Row(
             modifier = Modifier
                 .fillMaxWidth()
@@ -398,19 +399,4 @@ private fun ToggleSettingCard(
             )
         }
     }
-}
-
-@Composable
-private 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() }
-    )
 }