Refactor Husband Settings to dedicated screen and add Appearance option

lib/screens/husband/husband_home_screen.dart

@@ -12,6 +12,7 @@ import 'husband_notes_screen.dart'; // Import notes screen
 import 'learn_article_screen.dart'; // Import learn article screen
 import 'husband_devotional_screen.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'husband_settings_screen.dart';
 
 /// Husband's companion app main screen
 class HusbandHomeScreen extends ConsumerStatefulWidget {
@@ -38,7 +39,7 @@ class _HusbandHomeScreenState extends ConsumerState<HusbandHomeScreen> {
             const HusbandDevotionalScreen(), // Devotional & Planning
             const _HusbandTipsScreen(),
             const _HusbandLearnScreen(),
-            const _HusbandSettingsScreen(),
+            const HusbandSettingsScreen(),
           ],
         ),
         bottomNavigationBar: Container(
@@ -1443,6 +1444,22 @@ class _HusbandSettingsScreen extends ConsumerWidget {
                     ),
                     onTap: () => _showTranslationPicker(context, ref),
                   ),
+                  const Divider(height: 1),
+                  ListTile(
+                    leading: const Icon(Icons.palette_outlined,
+                        color: AppColors.navyBlue),
+                    title: Text('Appearance',
+                        style: GoogleFonts.outfit(fontWeight: FontWeight.w500)),
+                    trailing: const Icon(Icons.chevron_right),
+                    onTap: () {
+                       Navigator.push(
+                        context,
+                        MaterialPageRoute(
+                          builder: (context) => const AppearanceScreen(),
+                        ),
+                      );
+                    },
+                  ),
                 ],
               ),
             ),