style(ui): Refine UI components and layout in profile screen

This commit updates various UI components in the profile feature to improve visual consistency and spacing. It standardizes corner radii, adjusts paddings for better layout flow, and refines the logout dialog's appearance and behavior.

- **style(ui)**: Standardized `RoundedCornerShape` to 32.dp across `Account`, `About`, `Network`, and `Options` sections.
- **style(ui)**: Increased `SnackbarHost` bottom padding to prevent overlap with navigation.
- **style(ui)**: Adjusted `ProfileRoot` list spacing and bottom padding to account for the bottom navigation height.
- **style(ui)**: Refined `LogoutDialog` with bold headers, increased spacing, and disabled click-outside dismissal.
- **style(ui)**: Improved layout of `AboutItem` and `OptionsItem` with adjusted horizontal padding and spacing.
- **fix(ui)**: Removed redundant `shapes` parameter from `IconButton` in the `Account` section.

Author: rainxchzed

feature/profile/presentation/src/commonMain/kotlin/zed/rainxch/profile/presentation/ProfileRoot.kt

@@ -108,7 +108,7 @@ fun ProfileRoot(
                 ProfileAction.OnStarredReposClick -> {
                     onNavigateToStarredRepos()
                 }
-                
+
                 is ProfileAction.OnRepositoriesClick -> {
                     onNavigateToDevProfile(action.username)
                 }
@@ -146,7 +146,7 @@ fun ProfileScreen(
         snackbarHost = {
             SnackbarHost(
                 hostState = snackbarState,
-                modifier = Modifier.padding(bottom = bottomNavHeight)
+                modifier = Modifier.padding(bottom = bottomNavHeight + 16.dp)
             )
         },
         topBar = {
@@ -193,18 +193,18 @@ fun ProfileScreen(
                 onAction = onAction
             )
 
-            if (state.isUserLoggedIn) {
-                item {
-                    Spacer(Modifier.height(16.dp))
-                }
+            item {
+                Spacer(Modifier.height(16.dp))
+            }
 
+            if (state.isUserLoggedIn) {
                 logout(
                     onAction = onAction
                 )
             }
 
             item {
-                Spacer(Modifier.height(64.dp))
+                Spacer(Modifier.height(bottomNavHeight + 32.dp))
             }
         }
     }

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

@@ -18,7 +18,9 @@ import androidx.compose.runtime.Composable
 import androidx.compose.ui.Alignment
 import androidx.compose.ui.Modifier
 import androidx.compose.ui.draw.clip
+import androidx.compose.ui.text.font.FontWeight
 import androidx.compose.ui.unit.dp
+import androidx.compose.ui.window.DialogProperties
 import zed.rainxch.githubstore.core.presentation.res.*
 import org.jetbrains.compose.resources.stringResource
 
@@ -31,18 +33,24 @@ fun LogoutDialog(
 ) {
     BasicAlertDialog(
         onDismissRequest = onDismissRequest,
+        properties = DialogProperties(
+            dismissOnClickOutside = false,
+            usePlatformDefaultWidth = false
+        ),
         modifier = modifier
+            .padding(16.dp)
             .clip(RoundedCornerShape(24.dp))
             .background(MaterialTheme.colorScheme.surfaceContainerHigh)
             .padding(16.dp)
     ) {
         Column (
-            verticalArrangement = Arrangement.spacedBy(6.dp)
+            verticalArrangement = Arrangement.spacedBy(8.dp)
         ) {
             Text(
                 text = stringResource(Res.string.warning),
                 style = MaterialTheme.typography.titleLarge,
-                color = MaterialTheme.colorScheme.onSurface
+                color = MaterialTheme.colorScheme.onSurface,
+                fontWeight = FontWeight.Bold
             )
 
             Text(
@@ -54,7 +62,7 @@ fun LogoutDialog(
             Row(
                 modifier = Modifier.fillMaxWidth(),
                 verticalAlignment = Alignment.CenterVertically,
-                horizontalArrangement = Arrangement.End
+                horizontalArrangement = Arrangement.spacedBy(8.dp, Alignment.End)
             ) {
                 TextButton(
                     onClick = {

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

@@ -49,11 +49,13 @@ fun LazyListScope.about(
         Spacer(Modifier.height(8.dp))
 
         ElevatedCard(
-            modifier = Modifier.fillMaxWidth(),
+            modifier = Modifier
+                .fillMaxWidth()
+                .padding(4.dp),
             colors = CardDefaults.elevatedCardColors(
                 containerColor = MaterialTheme.colorScheme.surfaceContainerHigh
             ),
-            shape = RoundedCornerShape(16.dp)
+            shape = RoundedCornerShape(32.dp)
         ) {
             AboutItem(
                 icon = Icons.Filled.Info,
@@ -63,6 +65,7 @@ fun LazyListScope.about(
                         text = versionName,
                         style = MaterialTheme.typography.titleSmall,
                         color = MaterialTheme.colorScheme.outline,
+                        modifier = Modifier.padding(horizontal = 8.dp)
                     )
                 }
             )

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

@@ -42,7 +42,7 @@ fun LazyListScope.logout(
             colors = CardDefaults.elevatedCardColors(
                 containerColor = MaterialTheme.colorScheme.errorContainer
             ),
-            shape = RoundedCornerShape(16.dp),
+            shape = RoundedCornerShape(32.dp),
             onClick = {
                 onAction(ProfileAction.OnLogoutClick)
             }
@@ -52,7 +52,6 @@ fun LazyListScope.logout(
                 title = stringResource(Res.string.logout),
                 actions = {
                     IconButton(
-                        shapes = IconButtonDefaults.shapes(),
                         onClick = {
                             onAction(ProfileAction.OnLogoutClick)
                         },

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

@@ -111,7 +111,7 @@ private fun ProxyTypeCard(
         colors = CardDefaults.elevatedCardColors(
             containerColor = MaterialTheme.colorScheme.surfaceContainer
         ),
-        shape = RoundedCornerShape(20.dp)
+        shape = RoundedCornerShape(32.dp)
     ) {
         Column(
             modifier = Modifier.padding(16.dp)
@@ -123,7 +123,7 @@ private fun ProxyTypeCard(
                 fontWeight = FontWeight.SemiBold
             )
 
-            Spacer(Modifier.height(12.dp))
+            Spacer(Modifier.height(8.dp))
 
             LazyRow(
                 modifier = Modifier.fillMaxWidth(),
@@ -173,7 +173,7 @@ private fun ProxyDetailsCard(
         colors = CardDefaults.elevatedCardColors(
             containerColor = MaterialTheme.colorScheme.surfaceContainer
         ),
-        shape = RoundedCornerShape(20.dp)
+        shape = RoundedCornerShape(32.dp)
     ) {
         Column(
             modifier = Modifier.padding(16.dp),

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

@@ -80,17 +80,17 @@ private fun OptionCard(
             disabledContentColor = MaterialTheme.colorScheme.onSurface.copy(alpha = .7f),
         ),
         onClick = onClick,
-        shape = RoundedCornerShape(36.dp),
+        shape = RoundedCornerShape(32.dp),
         border = BorderStroke(
             width = .5.dp,
             color = MaterialTheme.colorScheme.surface
         ),
         enabled = enabled
     ) {
         Row(
-            modifier = Modifier.padding(horizontal = 12.dp),
+            modifier = Modifier.padding(horizontal = 16.dp),
             verticalAlignment = Alignment.CenterVertically,
-            horizontalArrangement = Arrangement.spacedBy(8.dp)
+            horizontalArrangement = Arrangement.spacedBy(4.dp)
         ) {
             Icon(
                 imageVector = icon,