Refactor iOS and Android views into separate files

Organized view components by extracting composables and views into separate files following single responsibility principle.

iOS Changes:
- Split MainTabView → extracted ProfileTabView
- Split CompleteTaskView → extracted ImageThumbnailView, CameraPickerView
- Split ManageUsersView → extracted ShareCodeCard, UserListItem
- Consolidated task action buttons into single TaskActionButtons.swift file
- Split HomeScreenView → extracted OverviewCard, StatView, HomeNavigationCard
- Split AllTasksView → extracted DynamicTaskColumnView, DynamicTaskCard
- Split ContentView → extracted ComposeView, CustomView

Android Changes:
- Split ResetPasswordScreen → extracted RequirementItem component
- Split TasksScreen → extracted TaskPill component
- Created TaskDisplayUtils for shared helper functions (getIconFromName, hexToColor)

All extracted components properly organized in:
- iOS: Subviews/Common, Subviews/Task, Subviews/Residence, Profile
- Android: ui/components/auth, ui/components/task, ui/utils

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

composeApp/src/commonMain/kotlin/com/example/mycrib/ui/components/auth/RequirementItem.kt

@@ -0,0 +1,36 @@
+package com.mycrib.android.ui.components.auth
+
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.layout.width
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.CheckCircle
+import androidx.compose.material.icons.filled.Circle
+import androidx.compose.material3.Icon
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun RequirementItem(text: String, satisfied: Boolean) {
+    Row(
+        verticalAlignment = Alignment.CenterVertically
+    ) {
+        Icon(
+            if (satisfied) Icons.Default.CheckCircle else Icons.Default.Circle,
+            contentDescription = null,
+            tint = if (satisfied) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.onSurfaceVariant,
+            modifier = Modifier.size(16.dp)
+        )
+        Spacer(modifier = Modifier.width(8.dp))
+        Text(
+            text,
+            style = MaterialTheme.typography.bodySmall,
+            color = if (satisfied) MaterialTheme.colorScheme.onSecondaryContainer else MaterialTheme.colorScheme.onSurfaceVariant
+        )
+    }
+}

composeApp/src/commonMain/kotlin/com/example/mycrib/ui/components/task/TaskPill.kt

@@ -0,0 +1,42 @@
+package com.mycrib.android.ui.components.task
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.padding
+import androidx.compose.material3.MaterialTheme
+import androidx.compose.material3.Surface
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun TaskPill(
+    count: Int,
+    label: String,
+    color: Color
+) {
+    Surface(
+        color = color.copy(alpha = 0.1f),
+        shape = MaterialTheme.shapes.small
+    ) {
+        Row(
+            modifier = Modifier.padding(horizontal = 12.dp, vertical = 6.dp),
+            horizontalArrangement = Arrangement.spacedBy(4.dp),
+            verticalAlignment = Alignment.CenterVertically
+        ) {
+            Text(
+                text = count.toString(),
+                style = MaterialTheme.typography.labelLarge,
+                color = color
+            )
+            Text(
+                text = label,
+                style = MaterialTheme.typography.labelMedium,
+                color = color
+            )
+        }
+    }
+}

composeApp/src/commonMain/kotlin/com/example/mycrib/ui/screens/ResetPasswordScreen.kt

@@ -15,6 +15,7 @@ import androidx.compose.ui.text.input.VisualTransformation
 import androidx.compose.ui.text.style.TextAlign
 import androidx.compose.ui.unit.dp
 import com.mycrib.android.ui.components.auth.AuthHeader
+import com.mycrib.android.ui.components.auth.RequirementItem
 import com.mycrib.android.ui.components.common.ErrorCard
 import com.mycrib.android.viewmodel.PasswordResetViewModel
 import com.mycrib.shared.network.ApiResult
@@ -254,23 +255,3 @@ fun ResetPasswordScreen(
         }
     }
 }
-
-@Composable
-private fun RequirementItem(text: String, satisfied: Boolean) {
-    Row(
-        verticalAlignment = Alignment.CenterVertically
-    ) {
-        Icon(
-            if (satisfied) Icons.Default.CheckCircle else Icons.Default.Circle,
-            contentDescription = null,
-            tint = if (satisfied) MaterialTheme.colorScheme.primary else MaterialTheme.colorScheme.onSurfaceVariant,
-            modifier = Modifier.size(16.dp)
-        )
-        Spacer(modifier = Modifier.width(8.dp))
-        Text(
-            text,
-            style = MaterialTheme.typography.bodySmall,
-            color = if (satisfied) MaterialTheme.colorScheme.onSecondaryContainer else MaterialTheme.colorScheme.onSurfaceVariant
-        )
-    }
-}

composeApp/src/commonMain/kotlin/com/example/mycrib/ui/screens/TasksScreen.kt

@@ -12,6 +12,9 @@ import androidx.compose.ui.unit.dp
 import androidx.lifecycle.viewmodel.compose.viewModel
 import com.mycrib.android.ui.components.CompleteTaskDialog
 import com.mycrib.android.ui.components.task.TaskCard
+import com.mycrib.android.ui.components.task.TaskPill
+import com.mycrib.android.ui.utils.getIconFromName
+import com.mycrib.android.ui.utils.hexToColor
 import com.mycrib.android.viewmodel.TaskCompletionViewModel
 import com.mycrib.android.viewmodel.TaskViewModel
 import com.mycrib.shared.network.ApiResult
@@ -271,108 +274,3 @@ fun TasksScreen(
         )
     }
 }
-
-@Composable
-private fun TaskPill(
-    count: Int,
-    label: String,
-    color: androidx.compose.ui.graphics.Color
-) {
-    Surface(
-        color = color.copy(alpha = 0.1f),
-        shape = MaterialTheme.shapes.small
-    ) {
-        Row(
-            modifier = Modifier.padding(horizontal = 12.dp, vertical = 6.dp),
-            horizontalArrangement = Arrangement.spacedBy(4.dp),
-            verticalAlignment = androidx.compose.ui.Alignment.CenterVertically
-        ) {
-            Text(
-                text = count.toString(),
-                style = MaterialTheme.typography.labelLarge,
-                color = color
-            )
-            Text(
-                text = label,
-                style = MaterialTheme.typography.labelMedium,
-                color = color
-            )
-        }
-    }
-}
-
-@Composable
-private fun getColumnColor(columnName: String): androidx.compose.ui.graphics.Color {
-    return when (columnName) {
-        "upcoming_tasks" -> MaterialTheme.colorScheme.primary
-        "in_progress_tasks" -> MaterialTheme.colorScheme.tertiary
-        "done_tasks" -> MaterialTheme.colorScheme.secondary
-        "archived_tasks" -> MaterialTheme.colorScheme.outline
-        else -> MaterialTheme.colorScheme.primary // Default color for unknown columns
-    }
-}
-
-@Composable
-private fun getColumnIcon(columnName: String): androidx.compose.ui.graphics.vector.ImageVector {
-    return when (columnName) {
-        "upcoming_tasks" -> Icons.Default.CalendarToday
-        "in_progress_tasks" -> Icons.Default.PlayArrow
-        "done_tasks" -> Icons.Default.CheckCircle
-        "archived_tasks" -> Icons.Default.Archive
-        else -> Icons.Default.List // Default icon for unknown columns
-    }
-}
-
-/**
- * Helper function to convert icon name string to ImageVector
- */
-private fun getIconFromName(iconName: String): androidx.compose.ui.graphics.vector.ImageVector {
-    return when (iconName) {
-        "CalendarToday" -> Icons.Default.CalendarToday
-        "PlayCircle" -> Icons.Default.PlayCircle
-        "PlayArrow" -> Icons.Default.PlayArrow
-        "CheckCircle" -> Icons.Default.CheckCircle
-        "Archive" -> Icons.Default.Archive
-        "List" -> Icons.Default.List
-        "Unarchive" -> Icons.Default.Unarchive
-        else -> Icons.Default.List // Default fallback
-    }
-}
-
-/**
- * Helper function to convert hex color string to Color
- * Supports formats: #RGB, #RRGGBB, #AARRGGBB
- * Platform-independent implementation
- */
-private fun hexToColor(hex: String): androidx.compose.ui.graphics.Color {
-    val cleanHex = hex.removePrefix("#")
-    return try {
-        when (cleanHex.length) {
-            3 -> {
-                // RGB format - expand to RRGGBB
-                val r = cleanHex[0].toString().repeat(2).toInt(16)
-                val g = cleanHex[1].toString().repeat(2).toInt(16)
-                val b = cleanHex[2].toString().repeat(2).toInt(16)
-                androidx.compose.ui.graphics.Color(red = r / 255f, green = g / 255f, blue = b / 255f)
-            }
-            6 -> {
-                // RRGGBB format
-                val r = cleanHex.substring(0, 2).toInt(16)
-                val g = cleanHex.substring(2, 4).toInt(16)
-                val b = cleanHex.substring(4, 6).toInt(16)
-                androidx.compose.ui.graphics.Color(red = r / 255f, green = g / 255f, blue = b / 255f)
-            }
-            8 -> {
-                // AARRGGBB format
-                val a = cleanHex.substring(0, 2).toInt(16)
-                val r = cleanHex.substring(2, 4).toInt(16)
-                val g = cleanHex.substring(4, 6).toInt(16)
-                val b = cleanHex.substring(6, 8).toInt(16)
-                androidx.compose.ui.graphics.Color(red = r / 255f, green = g / 255f, blue = b / 255f, alpha = a / 255f)
-            }
-            else -> androidx.compose.ui.graphics.Color.Gray // Default fallback
-        }
-    } catch (e: Exception) {
-        androidx.compose.ui.graphics.Color.Gray // Fallback on parse error
-    }
-}

composeApp/src/commonMain/kotlin/com/example/mycrib/ui/utils/TaskDisplayUtils.kt

@@ -0,0 +1,60 @@
+package com.mycrib.android.ui.utils
+
+import androidx.compose.material.icons.Icons
+import androidx.compose.material.icons.filled.*
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.graphics.vector.ImageVector
+
+/**
+ * Helper function to convert icon name string to ImageVector
+ */
+fun getIconFromName(iconName: String): ImageVector {
+    return when (iconName) {
+        "CalendarToday" -> Icons.Default.CalendarToday
+        "PlayCircle" -> Icons.Default.PlayCircle
+        "PlayArrow" -> Icons.Default.PlayArrow
+        "CheckCircle" -> Icons.Default.CheckCircle
+        "Archive" -> Icons.Default.Archive
+        "List" -> Icons.Default.List
+        "Unarchive" -> Icons.Default.Unarchive
+        else -> Icons.Default.List // Default fallback
+    }
+}
+
+/**
+ * Helper function to convert hex color string to Color
+ * Supports formats: #RGB, #RRGGBB, #AARRGGBB
+ * Platform-independent implementation
+ */
+fun hexToColor(hex: String): Color {
+    val cleanHex = hex.removePrefix("#")
+    return try {
+        when (cleanHex.length) {
+            3 -> {
+                // RGB format - expand to RRGGBB
+                val r = cleanHex[0].toString().repeat(2).toInt(16)
+                val g = cleanHex[1].toString().repeat(2).toInt(16)
+                val b = cleanHex[2].toString().repeat(2).toInt(16)
+                Color(red = r / 255f, green = g / 255f, blue = b / 255f)
+            }
+            6 -> {
+                // RRGGBB format
+                val r = cleanHex.substring(0, 2).toInt(16)
+                val g = cleanHex.substring(2, 4).toInt(16)
+                val b = cleanHex.substring(4, 6).toInt(16)
+                Color(red = r / 255f, green = g / 255f, blue = b / 255f)
+            }
+            8 -> {
+                // AARRGGBB format
+                val a = cleanHex.substring(0, 2).toInt(16)
+                val r = cleanHex.substring(2, 4).toInt(16)
+                val g = cleanHex.substring(4, 6).toInt(16)
+                val b = cleanHex.substring(6, 8).toInt(16)
+                Color(red = r / 255f, green = g / 255f, blue = b / 255f, alpha = a / 255f)
+            }
+            else -> Color.Gray // Default fallback
+        }
+    } catch (e: Exception) {
+        Color.Gray // Fallback on parse error
+    }
+}