fix(mobile): fixes on language change (#14089)

* fix(mobile): make widgets rebuild on locale changes

This will make the make the pages to instantly refresh the correct
translated string, without the need to pop and push the settings page.

* fix(mobile): set the default intl locale

This is needed because across the app, you don't pass the context.locale
to DateFormat, so by default it uses the system's locale. This will fix
the issue without the need to refactor a lot of code.

* feat(mobile): create localeProvider

This provider can be used to refresh providers that provide UI elements
and get cached.

* fix(mobile): refresh asset providers on locale change

This is necessary to update the locale on the already evaluated
DateFormat.

---------

Co-authored-by: Alex <alex.tran1502@gmail.com>

mobile/lib/main.dart

@@ -192,6 +192,12 @@ class ImmichAppState extends ConsumerState<ImmichApp>
     await ref.read(localNotificationService).setup();
   }
 
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    Intl.defaultLocale = context.locale.toLanguageTag();
+  }
+
   @override
   initState() {
     super.initState();

mobile/lib/pages/common/settings.page.dart

@@ -46,6 +46,7 @@ class SettingsPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    context.locale;
     return Scaffold(
       appBar: AppBar(
         centerTitle: false,
@@ -129,6 +130,7 @@ class SettingsSubPage extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    context.locale;
     return Scaffold(
       appBar: AppBar(
         centerTitle: false,

mobile/lib/pages/library/library.page.dart

@@ -23,6 +23,7 @@ class LibraryPage extends ConsumerWidget {
   const LibraryPage({super.key});
   @override
   Widget build(BuildContext context, WidgetRef ref) {
+    context.locale;
     final trashEnabled =
         ref.watch(serverInfoProvider.select((v) => v.serverFeatures.trash));
 

mobile/lib/providers/asset.provider.dart

@@ -1,5 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:immich_mobile/providers/locale_provider.dart';
 import 'package:immich_mobile/providers/memory.provider.dart';
 import 'package:immich_mobile/repositories/asset_media.repository.dart';
 import 'package:immich_mobile/services/album.service.dart';
@@ -328,24 +329,31 @@ final assetWatcher =
   return db.assets.watchObject(asset.id, fireImmediately: true);
 });
 
-final assetsProvider = StreamProvider.family<RenderList, int?>((ref, userId) {
+final assetsProvider = StreamProvider.family<RenderList, int?>(
+  (ref, userId) {
     if (userId == null) return const Stream.empty();
+    ref.watch(localeProvider);
     final query = _commonFilterAndSort(
       _assets(ref).where().ownerIdEqualToAnyChecksum(userId),
     );
     return renderListGenerator(query, ref);
-});
+  },
+  dependencies: [localeProvider],
+);
 
-final multiUserAssetsProvider =
+final multiUserAssetsProvider = StreamProvider.family<RenderList, List<int>>(
-    StreamProvider.family<RenderList, List<int>>((ref, userIds) {
+  (ref, userIds) {
     if (userIds.isEmpty) return const Stream.empty();
+    ref.watch(localeProvider);
     final query = _commonFilterAndSort(
       _assets(ref)
           .where()
           .anyOf(userIds, (q, u) => q.ownerIdEqualToAnyChecksum(u)),
     );
     return renderListGenerator(query, ref);
-});
+  },
+  dependencies: [localeProvider],
+);
 
 QueryBuilder<Asset, Asset, QAfterSortBy>? getRemoteAssetQuery(WidgetRef ref) {
   final userId = ref.watch(currentUserProvider)?.isarId;