adds syncing

lib/screens/archived_supplements_screen.dart

@@ -1,7 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:provider/provider.dart';
-import '../providers/supplement_provider.dart';
+
 import '../models/supplement.dart';
+import '../providers/supplement_provider.dart';
+import '../providers/sync_provider.dart';
 
 class ArchivedSupplementsScreen extends StatefulWidget {
   const ArchivedSupplementsScreen({super.key});
@@ -25,9 +27,35 @@ class _ArchivedSupplementsScreenState extends State<ArchivedSupplementsScreen> {
       appBar: AppBar(
         title: const Text('Archived Supplements'),
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        actions: [
+          Consumer<SyncProvider>(
+            builder: (context, syncProvider, child) {
+              if (!syncProvider.isConfigured) {
+                return const SizedBox.shrink();
+              }
+
+              return IconButton(
+                icon: syncProvider.isSyncing
+                    ? const SizedBox(
+                        width: 20,
+                        height: 20,
+                        child: CircularProgressIndicator(strokeWidth: 2),
+                      )
+                    : syncProvider.status.name == 'success' &&
+                      DateTime.now().difference(syncProvider.lastSyncTime ?? DateTime.now()).inSeconds < 5
+                        ? const Icon(Icons.check, color: Colors.green)
+                        : const Icon(Icons.sync),
+                onPressed: syncProvider.isSyncing ? null : () {
+                  syncProvider.performManualSync();
+                },
+                tooltip: syncProvider.isSyncing ? 'Syncing...' : 'Force Sync',
+              );
+            },
+          ),
+        ],
       ),
-      body: Consumer<SupplementProvider>(
-        builder: (context, provider, child) {
+      body: Consumer2<SupplementProvider, SyncProvider>(
+        builder: (context, provider, syncProvider, child) {
           if (provider.archivedSupplements.isEmpty) {
             return Center(
               child: Column(
@@ -254,7 +282,7 @@ class _ArchivedSupplementCard extends StatelessWidget {
                 ],
               ),
               const SizedBox(height: 16),
-              
+
               // Supplement details in a muted style
               if (supplement.ingredients.isNotEmpty) ...[
                 Container(
@@ -301,7 +329,7 @@ class _ArchivedSupplementCard extends StatelessWidget {
                 ),
                 const SizedBox(height: 12),
               ],
-              
+
               // Dosage info
               Row(
                 children: [
@@ -318,7 +346,7 @@ class _ArchivedSupplementCard extends StatelessWidget {
                   ),
                 ],
               ),
-              
+
               if (supplement.reminderTimes.isNotEmpty) ...[
                 const SizedBox(height: 8),
                 _InfoChip(