Modernize remaining views and badge components

Completed modernization of list views and badge components to match the new design system.

ResidencesListView:
- Modern background color from design system
- Improved loading state with text
- Property count display under header
- Modern toolbar icons with primary color
- Consistent spacing and padding

StatusBadge & PriorityBadge:
- Updated to use AppColors for semantic states
- Applied AppTypography for consistent font sizing
- Used AppSpacing for uniform padding
- Applied AppRadius for consistent corner radius
- Color-coded states (success, warning, error)
- Improved icon sizing and weight

All components now fully integrated with the design system:
- AppColors for all colors
- AppTypography for all text
- AppSpacing for all spacing
- AppRadius for all corner radii
- AppShadow for depth and elevation

The iOS app now has a completely modern, cohesive UI across all views.

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

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

iosApp/iosApp/Residence/ResidencesListView.swift

@@ -8,11 +8,17 @@ struct ResidencesListView: View {
 
     var body: some View {
         ZStack {
-            Color(.systemGroupedBackground)
+            AppColors.background
                 .ignoresSafeArea()
 
             if viewModel.isLoading {
-                ProgressView()
+                VStack(spacing: AppSpacing.lg) {
+                    ProgressView()
+                        .scaleEffect(1.2)
+                    Text("Loading properties...")
+                        .font(AppTypography.bodyMedium)
+                        .foregroundColor(AppColors.textSecondary)
+                }
             } else if let error = viewModel.errorMessage {
                 ErrorView(message: error) {
                     viewModel.loadMyResidences()
@@ -21,33 +27,37 @@ struct ResidencesListView: View {
                 if response.residences.isEmpty {
                     EmptyResidencesView()
                 } else {
-                    ScrollView {
-                        VStack(spacing: 16) {
+                    ScrollView(showsIndicators: false) {
+                        VStack(spacing: AppSpacing.lg) {
                             // Summary Card
                             SummaryCard(summary: response.summary)
-                                .padding(.horizontal)
-                                .padding(.top)
+                                .padding(.horizontal, AppSpacing.md)
+                                .padding(.top, AppSpacing.sm)
 
                             // Properties Header
                             HStack {
-                                Text("Your Properties")
-                                    .font(.title2)
-                                    .fontWeight(.bold)
+                                VStack(alignment: .leading, spacing: AppSpacing.xxs) {
+                                    Text("Your Properties")
+                                        .font(AppTypography.headlineSmall)
+                                        .foregroundColor(AppColors.textPrimary)
+                                    Text("\(response.residences.count) \(response.residences.count == 1 ? "property" : "properties")")
+                                        .font(AppTypography.bodySmall)
+                                        .foregroundColor(AppColors.textSecondary)
+                                }
                                 Spacer()
                             }
-                            .padding(.horizontal)
-                            .padding(.top, 8)
+                            .padding(.horizontal, AppSpacing.md)
 
                             // Residences List
                             ForEach(response.residences, id: \.id) { residence in
                                 NavigationLink(destination: ResidenceDetailView(residenceId: residence.id)) {
                                     ResidenceCard(residence: residence)
+                                        .padding(.horizontal, AppSpacing.md)
                                 }
                                 .buttonStyle(PlainButtonStyle())
                             }
-                            .padding(.horizontal)
                         }
-                        .padding(.bottom)
+                        .padding(.bottom, AppSpacing.md)
                     }
                 }
             }
@@ -60,12 +70,16 @@ struct ResidencesListView: View {
                     showingJoinResidence = true
                 }) {
                     Image(systemName: "person.badge.plus")
+                        .font(.system(size: 18, weight: .semibold))
+                        .foregroundColor(AppColors.primary)
                 }
 
                 Button(action: {
                     showingAddResidence = true
                 }) {
-                    Image(systemName: "plus")
+                    Image(systemName: "plus.circle.fill")
+                        .font(.system(size: 22, weight: .semibold))
+                        .foregroundColor(AppColors.primary)
                 }
             }
         }