feat(mobile): iOS background sync notifications (#1811)

* adds notification handling logic

* notification on background updates for iOS

* fixed regression where i accidentally removed load translations from the background sync

* fixed ios translations

---------

Co-authored-by: Marty Fuhry <marty@fuhry.farm>
Co-authored-by: Alex <alex.tran1502@gmail.com>

mobile/lib/modules/settings/ui/notification_setting/notification_setting.dart

@@ -3,8 +3,10 @@ import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
 import 'package:immich_mobile/modules/settings/providers/app_settings.provider.dart';
+import 'package:immich_mobile/modules/settings/providers/permission.provider.dart';
 import 'package:immich_mobile/modules/settings/services/app_settings.service.dart';
-import 'package:immich_mobile/modules/settings/ui/common.dart';
+import 'package:immich_mobile/modules/settings/ui/settings_switch_list_tile.dart';
+import 'package:permission_handler/permission_handler.dart';
 
 class NotificationSetting extends HookConsumerWidget {
   const NotificationSetting({
@@ -14,12 +16,14 @@ class NotificationSetting extends HookConsumerWidget {
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     final appSettingService = ref.watch(appSettingsServiceProvider);
+    final permissionService = ref.watch(notificationPermissionProvider);
 
     final sliderValue = useState(0.0);
     final totalProgressValue =
         useState(AppSettingsEnum.backgroundBackupTotalProgress.defaultValue);
     final singleProgressValue =
         useState(AppSettingsEnum.backgroundBackupSingleProgress.defaultValue);
+    final hasPermission = permissionService == PermissionStatus.granted;
 
     useEffect(
       () {
@@ -35,6 +39,30 @@ class NotificationSetting extends HookConsumerWidget {
       [],
     );
 
+    // When permissions are permanently denied, you need to go to settings to
+    // allow them
+    showPermissionsDialog() {
+      showDialog(
+        context: context,
+        builder: (context) => AlertDialog(
+          content: const Text('notification_permission_dialog_content').tr(),
+          actions: [
+            TextButton(
+              child: const Text('notification_permission_dialog_cancel').tr(),
+              onPressed: () => Navigator.of(context).pop(),
+            ),
+            TextButton(
+              child: const Text('notification_permission_dialog_settings').tr(),
+              onPressed: () {
+                Navigator.of(context).pop();
+                openAppSettings();
+              },
+            ),
+          ],
+        ),
+      );
+    }
+
     final String formattedValue = _formatSliderValue(sliderValue.value);
     return ExpansionTile(
       textColor: Theme.of(context).primaryColor,
@@ -51,23 +79,49 @@ class NotificationSetting extends HookConsumerWidget {
         ),
       ).tr(),
       children: [
-        buildSwitchListTile(
-          context,
-          appSettingService,
-          totalProgressValue,
-          AppSettingsEnum.backgroundBackupTotalProgress,
+        if (!hasPermission)
+          ListTile(
+            leading: const Icon(Icons.notifications_outlined),
+            title: const Text('notification_permission_list_tile_title').tr(),
+            subtitle: Column(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                const Text('notification_permission_list_tile_content').tr(),
+                const SizedBox(height: 8),
+                ElevatedButton(
+                  onPressed: ()
+                  => ref.watch(notificationPermissionProvider.notifier)
+                    .requestNotificationPermission().then((permission) {
+                      if (permission == PermissionStatus.permanentlyDenied) {
+                        showPermissionsDialog();
+                      }
+                  }),
+                  child:
+                  const Text('notification_permission_list_tile_enable_button')
+                    .tr(),
+                ),
+              ],
+            ),
+            isThreeLine: true,
+          ),
+        SettingsSwitchListTile(
+          enabled: hasPermission,
+          appSettingService: appSettingService,
+          valueNotifier: totalProgressValue,
+          settingsEnum: AppSettingsEnum.backgroundBackupTotalProgress,
           title: 'setting_notifications_total_progress_title'.tr(),
           subtitle: 'setting_notifications_total_progress_subtitle'.tr(),
         ),
-        buildSwitchListTile(
-          context,
-          appSettingService,
-          singleProgressValue,
-          AppSettingsEnum.backgroundBackupSingleProgress,
+        SettingsSwitchListTile(
+          enabled: hasPermission,
+          appSettingService: appSettingService,
+          valueNotifier: singleProgressValue,
+          settingsEnum: AppSettingsEnum.backgroundBackupSingleProgress,
           title: 'setting_notifications_single_progress_title'.tr(),
           subtitle: 'setting_notifications_single_progress_subtitle'.tr(),
         ),
         ListTile(
+          enabled: hasPermission,
           isThreeLine: false,
           dense: true,
           title: const Text(
@@ -76,7 +130,7 @@ class NotificationSetting extends HookConsumerWidget {
           ).tr(args: [formattedValue]),
           subtitle: Slider(
             value: sliderValue.value,
-            onChanged: (double v) => sliderValue.value = v,
+            onChanged: !hasPermission ? null : (double v) => sliderValue.value = v,
             onChangeEnd: (double v) => appSettingService.setSetting(
               AppSettingsEnum.uploadErrorNotificationGracePeriod,
               v.toInt(),