Implement husband-wife connection dialogue and theme support for learn articles

lib/screens/settings/sharing_settings_screen.dart

@@ -1,5 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:google_fonts/google_fonts.dart';
+import '../../theme/app_theme.dart';
 import '../../models/user_profile.dart';
 import '../../providers/user_provider.dart';
 
@@ -31,10 +33,7 @@ class SharingSettingsScreen extends ConsumerWidget {
             title: const Text('Link with Husband'),
             subtitle: Text(userProfile.partnerName != null ? 'Linked to ${userProfile.partnerName}' : 'Not linked'),
             trailing: const Icon(Icons.chevron_right),
-            onTap: () {
-              // TODO: Navigate to Link Screen or Show Dialog
-              ScaffoldMessenger.of(context).showSnackBar(const SnackBar(content: Text('Link feature coming soon!')));
-            },
+            onTap: () => _showShareDialog(context, ref),
           ),
           const Divider(),
           SwitchListTile(
@@ -95,4 +94,66 @@ class SharingSettingsScreen extends ConsumerWidget {
       ),
     );
   }
+
+  void _showShareDialog(BuildContext context, WidgetRef ref) {
+    // Generate a simple pairing code
+    final userProfile = ref.read(userProfileProvider);
+    final pairingCode = userProfile?.id?.substring(0, 6).toUpperCase() ?? 'ABC123';
+
+    showDialog(
+      context: context,
+      builder: (context) => AlertDialog(
+        title: Row(
+          children: [
+            Icon(Icons.share_outlined, color: AppColors.navyBlue),
+            const SizedBox(width: 8),
+            const Text('Share with Husband'),
+          ],
+        ),
+        content: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Text(
+              'Share this code with your husband so he can connect to your cycle data:',
+              style: GoogleFonts.outfit(fontSize: 14, color: AppColors.warmGray),
+            ),
+            const SizedBox(height: 24),
+            Container(
+              padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+              decoration: BoxDecoration(
+                color: AppColors.navyBlue.withOpacity(0.1),
+                borderRadius: BorderRadius.circular(12),
+                border: Border.all(color: AppColors.navyBlue.withOpacity(0.3)),
+              ),
+              child: SelectableText(
+                pairingCode,
+                style: GoogleFonts.outfit(
+                  fontSize: 32,
+                  fontWeight: FontWeight.bold,
+                  letterSpacing: 4,
+                  color: AppColors.navyBlue,
+                ),
+              ),
+            ),
+            const SizedBox(height: 16),
+            Text(
+              'He can enter this in his app under Settings > Connect with Wife.',
+              style: GoogleFonts.outfit(fontSize: 12, color: AppColors.warmGray),
+              textAlign: TextAlign.center,
+            ),
+          ],
+        ),
+        actions: [
+          ElevatedButton(
+            onPressed: () => Navigator.pop(context),
+            style: ElevatedButton.styleFrom(
+              backgroundColor: AppColors.navyBlue,
+              foregroundColor: Colors.white,
+            ),
+            child: const Text('Done'),
+          ),
+        ],
+      ),
+    );
+  }
 }