feat: adds auto sync feature and fixes UI a bit up

lib/screens/add_supplement_screen.dart

@@ -224,6 +224,13 @@ class _AddSupplementScreenState extends State<AddSupplementScreen> {
       appBar: AppBar(
         title: Text(isEditing ? 'Edit Supplement' : 'Add Supplement'),
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
+        actions: [
+          IconButton(
+            tooltip: isEditing ? 'Update Supplement' : 'Save Supplement',
+            onPressed: _saveSupplement,
+            icon: const Icon(Icons.save),
+          ),
+        ],
       ),
       body: Form(
         key: _formKey,
@@ -482,17 +489,7 @@ class _AddSupplementScreenState extends State<AddSupplementScreen> {
               ),
               const SizedBox(height: 24),
 
-              // Save button
-              SizedBox(
-                width: double.infinity,
-                child: ElevatedButton(
-                  onPressed: _saveSupplement,
-                  style: ElevatedButton.styleFrom(
-                    padding: const EdgeInsets.all(16),
-                  ),
-                  child: Text(isEditing ? 'Update Supplement' : 'Add Supplement'),
-                ),
-              ),
+              // Save is now in the AppBar for consistency with app-wide pattern
             ],
           ),
         ),