chore(mobile): Mobile make over (#5129)

* chore: added overpass font

* Setting page

* style: app bar dialog

* style: backup controller and album selection page

* style: asset grid

* blanket fix

* blanket fix

* remove description input for local only asset

* revert

* merge main

* style: search page

* sharing page

* text size in sharing page

* style: library page

* library page

* album page + album creation page

* Navigationbar

* style: minor

* update

* album bottom sheet

* album option page

* minor style fix

* remove unused fonts

* remove fonts in pubspec

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

@@ -45,17 +45,12 @@ class AdvancedSettings extends HookConsumerWidget {
 
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         "advanced_settings_tile_title",
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         "advanced_settings_tile_subtitle",
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: [
         SettingsSwitchListTile(

mobile/lib/modules/settings/ui/asset_list_settings/asset_list_layout_settings.dart

@@ -54,8 +54,7 @@ class LayoutSettings extends HookConsumerWidget {
           activeColor: context.primaryColor,
           title: Text(
             "asset_list_layout_settings_dynamic_layout_title",
-            style: context.textTheme.labelLarge
-                ?.copyWith(fontWeight: FontWeight.bold),
+            style: context.textTheme.labelLarge,
           ).tr(),
           onChanged: switchChanged,
           value: useDynamicLayout.value,

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

@@ -14,17 +14,12 @@ class AssetListSettings extends StatelessWidget {
   Widget build(BuildContext context) {
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         'asset_list_settings_title',
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         'asset_list_settings_subtitle',
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: const [
         TilesPerRow(),

mobile/lib/modules/settings/ui/asset_list_settings/asset_list_storage_indicator.dart

@@ -37,8 +37,7 @@ class StorageIndicator extends HookConsumerWidget {
       activeColor: context.primaryColor,
       title: Text(
         "theme_setting_asset_list_storage_indicator_title",
-        style:
-            context.textTheme.labelLarge?.copyWith(fontWeight: FontWeight.bold),
+        style: context.textTheme.labelLarge,
       ).tr(),
       onChanged: switchChanged,
       value: showStorageIndicator.value,

mobile/lib/modules/settings/ui/asset_list_settings/asset_list_tiles_per_row.dart

@@ -37,12 +37,9 @@ class TilesPerRow extends HookConsumerWidget {
       crossAxisAlignment: CrossAxisAlignment.start,
       children: [
         ListTile(
-          title: const Text(
+          title: Text(
             "theme_setting_asset_list_tiles_per_row_title",
-            style: TextStyle(
-              fontSize: 14,
-              fontWeight: FontWeight.bold,
-            ),
+            style: context.textTheme.labelLarge,
           ).tr(args: ["${itemsValue.value.toInt()}"]),
         ),
         Slider(

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

@@ -28,22 +28,19 @@ class ImageViewerQualitySetting extends HookConsumerWidget {
 
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         'theme_setting_image_viewer_quality_title',
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         'theme_setting_image_viewer_quality_subtitle',
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: [
         ListTile(
-          title: const Text('setting_image_viewer_help').tr(),
-          dense: true,
+          title: Text(
+            'setting_image_viewer_help',
+            style: context.textTheme.bodyMedium,
+          ).tr(),
         ),
         SettingsSwitchListTile(
           appSettingService: settings,

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

@@ -27,30 +27,21 @@ class LocalStorageSettings extends HookConsumerWidget {
 
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         "cache_settings_tile_title",
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         "cache_settings_tile_subtitle",
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: [
         ListTile(
           title: Text(
             "cache_settings_duplicated_assets_title",
-            style: context.textTheme.labelLarge
-                ?.copyWith(fontWeight: FontWeight.bold),
+            style: context.textTheme.titleSmall,
           ).tr(args: ["${cacheItemCount.value}"]),
           subtitle: const Text(
             "cache_settings_duplicated_assets_subtitle",
-            style: TextStyle(
-              fontSize: 13,
-            ),
           ).tr(),
           trailing: TextButton(
             onPressed: cacheItemCount.value > 0 ? clearCache : null,

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

@@ -67,17 +67,12 @@ class NotificationSetting extends HookConsumerWidget {
     final String formattedValue = _formatSliderValue(sliderValue.value);
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         'setting_notifications_title',
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         'setting_notifications_subtitle',
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: [
         if (!hasPermission)

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

@@ -40,10 +40,14 @@ class SettingsSwitchListTile extends StatelessWidget {
       dense: true,
       title: Text(
         title,
-        style:
-            context.textTheme.labelLarge?.copyWith(fontWeight: FontWeight.bold),
+        style: context.textTheme.titleSmall,
       ),
-      subtitle: subtitle != null ? Text(subtitle!) : null,
+      subtitle: subtitle != null
+          ? Text(
+              subtitle!,
+              style: context.textTheme.bodyMedium,
+            )
+          : null,
     );
   }
 }

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

@@ -26,17 +26,12 @@ class ThemeSetting extends HookConsumerWidget {
 
     return ExpansionTile(
       textColor: context.primaryColor,
-      title: const Text(
+      title: Text(
         'theme_setting_theme_title',
-        style: TextStyle(
-          fontWeight: FontWeight.bold,
-        ),
+        style: context.textTheme.titleMedium,
       ).tr(),
       subtitle: const Text(
         'theme_setting_theme_subtitle',
-        style: TextStyle(
-          fontSize: 13,
-        ),
       ).tr(),
       children: [
         SwitchListTile.adaptive(

mobile/lib/modules/settings/views/settings_page.dart

@@ -27,10 +27,6 @@ class SettingsPage extends HookConsumerWidget {
         centerTitle: false,
         title: const Text(
           'setting_pages_app_bar_settings',
-          style: TextStyle(
-            fontSize: 16,
-            fontWeight: FontWeight.bold,
-          ),
         ).tr(),
       ),
       body: ListView(