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/shared/ui/app_bar_dialog/app_bar_dialog.dart

@@ -54,7 +54,7 @@ class ImmichAppBarDialog extends HookConsumerWidget {
                   fontFamily: 'SnowburstOne',
                   fontWeight: FontWeight.bold,
                   color: context.primaryColor,
-                  fontSize: 15,
+                  fontSize: 16,
                 ),
               ),
             ),
@@ -72,14 +72,15 @@ class ImmichAppBarDialog extends HookConsumerWidget {
         leading: SizedBox(
           child: Icon(
             icon,
-            color: theme.textTheme.labelMedium?.color,
+            color: theme.textTheme.labelLarge?.color?.withAlpha(250),
             size: 20,
           ),
         ),
         title: Text(
           text,
-          style:
-              theme.textTheme.labelLarge?.copyWith(fontWeight: FontWeight.bold),
+          style: theme.textTheme.labelLarge?.copyWith(
+            color: theme.textTheme.labelLarge?.color?.withAlpha(250),
+          ),
         ).tr(),
         onTap: onTap,
       );
@@ -145,9 +146,11 @@ class ImmichAppBarDialog extends HookConsumerWidget {
               Icons.storage_rounded,
               color: theme.primaryColor,
             ),
-            title: const Text(
+            title: Text(
               "backup_controller_page_server_storage",
-              style: TextStyle(fontWeight: FontWeight.bold, fontSize: 14),
+              style: context.textTheme.labelLarge?.copyWith(
+                fontWeight: FontWeight.w500,
+              ),
             ).tr(),
             isThreeLine: true,
             subtitle: Padding(
@@ -230,7 +233,7 @@ class ImmichAppBarDialog extends HookConsumerWidget {
       clipBehavior: Clip.hardEdge,
       alignment: Alignment.topCenter,
       insetPadding: EdgeInsets.only(
-        top: isHorizontal ? 20 : 60,
+        top: isHorizontal ? 20 : 40,
         left: horizontalPadding,
         right: horizontalPadding,
         bottom: isHorizontal ? 20 : 100,

mobile/lib/shared/ui/app_bar_dialog/app_bar_profile_info.dart

@@ -31,8 +31,8 @@ class AppBarProfileInfoBox extends HookConsumerWidget {
       }
 
       final userImage = UserCircleAvatar(
-        radius: 20,
-        size: 40,
+        radius: 22,
+        size: 44,
         user: user,
       );
 
@@ -119,16 +119,15 @@ class AppBarProfileInfoBox extends HookConsumerWidget {
           ),
           title: Text(
             authState.name,
-            style: TextStyle(
+            style: context.textTheme.titleMedium?.copyWith(
               color: context.primaryColor,
-              fontWeight: FontWeight.bold,
-              fontSize: 16,
+              fontWeight: FontWeight.w500,
             ),
           ),
           subtitle: Text(
             authState.userEmail,
-            style: context.textTheme.labelMedium?.copyWith(
-              fontSize: 12,
+            style: context.textTheme.bodySmall?.copyWith(
+              color: context.textTheme.bodySmall?.color?.withAlpha(200),
             ),
           ),
         ),

mobile/lib/shared/ui/app_bar_dialog/app_bar_server_info.dart

@@ -18,6 +18,8 @@ class AppBarServerInfo extends HookConsumerWidget {
     ServerInfo serverInfoState = ref.watch(serverInfoProvider);
 
     final appInfo = useState({});
+    const titleFontSize = 12.0;
+    const contentFontSize = 11.0;
 
     getPackageInfo() async {
       PackageInfo packageInfo = await PackageInfo.fromPlatform();
@@ -63,7 +65,7 @@ class AppBarServerInfo extends HookConsumerWidget {
                   style: TextStyle(
                     fontSize: 11,
                     color: context.primaryColor,
-                    fontWeight: FontWeight.w600,
+                    fontWeight: FontWeight.w500,
                   ),
                 ),
               ),
@@ -83,9 +85,9 @@ class AppBarServerInfo extends HookConsumerWidget {
                       child: Text(
                         "server_info_box_app_version".tr(),
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: titleFontSize,
                           color: context.textTheme.labelSmall?.color,
-                          fontWeight: FontWeight.bold,
+                          fontWeight: FontWeight.w500,
                         ),
                       ),
                     ),
@@ -97,7 +99,7 @@ class AppBarServerInfo extends HookConsumerWidget {
                       child: Text(
                         "${appInfo.value["version"]} build.${appInfo.value["buildNumber"]}",
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: contentFontSize,
                           color: context.textTheme.labelSmall?.color
                               ?.withOpacity(0.5),
                           fontWeight: FontWeight.bold,
@@ -123,9 +125,9 @@ class AppBarServerInfo extends HookConsumerWidget {
                       child: Text(
                         "server_info_box_server_version".tr(),
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: titleFontSize,
                           color: context.textTheme.labelSmall?.color,
-                          fontWeight: FontWeight.bold,
+                          fontWeight: FontWeight.w500,
                         ),
                       ),
                     ),
@@ -139,7 +141,7 @@ class AppBarServerInfo extends HookConsumerWidget {
                             ? "${serverInfoState.serverVersion.major}.${serverInfoState.serverVersion.minor}.${serverInfoState.serverVersion.patch}"
                             : "--",
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: contentFontSize,
                           color: context.textTheme.labelSmall?.color
                               ?.withOpacity(0.5),
                           fontWeight: FontWeight.bold,
@@ -165,9 +167,9 @@ class AppBarServerInfo extends HookConsumerWidget {
                       child: Text(
                         "server_info_box_server_url".tr(),
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: titleFontSize,
                           color: context.textTheme.labelSmall?.color,
-                          fontWeight: FontWeight.bold,
+                          fontWeight: FontWeight.w500,
                         ),
                       ),
                     ),
@@ -194,7 +196,7 @@ class AppBarServerInfo extends HookConsumerWidget {
                         child: Text(
                           getServerUrl() ?? '--',
                           style: TextStyle(
-                            fontSize: 11,
+                            fontSize: contentFontSize,
                             color: context.textTheme.labelSmall?.color
                                 ?.withOpacity(0.5),
                             fontWeight: FontWeight.bold,
@@ -234,9 +236,9 @@ class AppBarServerInfo extends HookConsumerWidget {
                           Text(
                             "server_info_box_latest_release".tr(),
                             style: TextStyle(
-                              fontSize: 11,
+                              fontSize: titleFontSize,
                               color: context.textTheme.labelSmall?.color,
-                              fontWeight: FontWeight.bold,
+                              fontWeight: FontWeight.w500,
                             ),
                           ),
                         ],
@@ -252,7 +254,7 @@ class AppBarServerInfo extends HookConsumerWidget {
                             ? "${serverInfoState.latestVersion.major}.${serverInfoState.latestVersion.minor}.${serverInfoState.latestVersion.patch}"
                             : "--",
                         style: TextStyle(
-                          fontSize: 11,
+                          fontSize: contentFontSize,
                           color: context.textTheme.labelSmall?.color
                               ?.withOpacity(0.5),
                           fontWeight: FontWeight.bold,