Refactor and enhance UI components across multiple screens

- Updated date and time formatting in debug notifications screen for clarity.
- Wrapped context-dependent state updates in post-frame callbacks in history screen to ensure proper context usage.
- Improved layout and styling in settings screen by reordering radio list tiles.
- Enhanced logging in auto sync service for better error tracking.
- Added context mounted checks in notification router to prevent errors during navigation.
- Updated bulk take dialog to use new UI components from shadcn_ui package.
- Refactored take supplement dialog to utilize shadcn_ui for a more modern look and feel.
- Adjusted info chip and supplement card widgets to use updated color schemes and layouts.
- Updated pubspec.yaml and pubspec.lock to include new dependencies and versions.

lib/screens/settings_screen.dart

@@ -67,8 +67,6 @@ class SettingsScreen extends StatelessWidget {
                       ),
                       const SizedBox(height: 16),
                       RadioListTile<ThemeOption>(
-                        title: const Text('Follow System'),
-                        subtitle: const Text('Use system theme setting'),
                         value: ThemeOption.system,
                         groupValue: settingsProvider.themeOption,
                         onChanged: (value) {
@@ -76,10 +74,10 @@ class SettingsScreen extends StatelessWidget {
                             settingsProvider.setThemeOption(value);
                           }
                         },
+                        title: const Text('Follow System'),
+                        subtitle: const Text('Use system theme setting'),
                       ),
                       RadioListTile<ThemeOption>(
-                        title: const Text('Light Theme'),
-                        subtitle: const Text('Always use light theme'),
                         value: ThemeOption.light,
                         groupValue: settingsProvider.themeOption,
                         onChanged: (value) {
@@ -87,10 +85,10 @@ class SettingsScreen extends StatelessWidget {
                             settingsProvider.setThemeOption(value);
                           }
                         },
+                        title: const Text('Light Theme'),
+                        subtitle: const Text('Always use light theme'),
                       ),
                       RadioListTile<ThemeOption>(
-                        title: const Text('Dark Theme'),
-                        subtitle: const Text('Always use dark theme'),
                         value: ThemeOption.dark,
                         groupValue: settingsProvider.themeOption,
                         onChanged: (value) {
@@ -98,6 +96,8 @@ class SettingsScreen extends StatelessWidget {
                             settingsProvider.setThemeOption(value);
                           }
                         },
+                        title: const Text('Dark Theme'),
+                        subtitle: const Text('Always use dark theme'),
                       ),
                     ],
                   ),