TF-3758 Update app grid in left menu on mobile

Signed-off-by: dab246 <tdvu@linagora.com>

lib/features/mailbox/presentation/widgets/app_grid/app_grid_icon.dart

@@ -0,0 +1,27 @@
+import 'package:core/presentation/extensions/color_extension.dart';
+import 'package:core/presentation/views/button/tmail_button_widget.dart';
+import 'package:flutter/material.dart';
+
+class AppGridIcon extends StatelessWidget {
+
+  final String icon;
+  final VoidCallback onTapAction;
+
+  const AppGridIcon({
+    super.key,
+    required this.icon,
+    required this.onTapAction,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return TMailButtonWidget.fromIcon(
+      icon: icon,
+      backgroundColor: Colors.transparent,
+      iconSize: 24,
+      iconColor: AppColor.blackAlpha40,
+      padding: const EdgeInsets.all(8),
+      onTapActionCallback: onTapAction,
+    );
+  }
+}

lib/features/mailbox/presentation/widgets/app_grid/app_shortcut.dart

@@ -0,0 +1,50 @@
+import 'package:core/presentation/utils/theme_utils.dart';
+import 'package:core/presentation/views/image/image_loader_mixin.dart';
+import 'package:flutter/material.dart';
+
+class AppShortcut extends StatelessWidget with ImageLoaderMixin {
+  final String? icon;
+  final String label;
+  final VoidCallback onTapAction;
+
+  const AppShortcut({
+    super.key,
+    required this.icon,
+    required this.label,
+    required this.onTapAction,
+  });
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      type: MaterialType.transparency,
+      child: InkWell(
+        onTap: onTapAction,
+        child: Container(
+          width: 78,
+          height: 80.58,
+          alignment: Alignment.center,
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            children: [
+              if (icon != null)
+                buildImage(
+                  imagePath: icon!,
+                  imageSize: 42,
+                )
+              else
+                buildNoImage(42),
+              const SizedBox(height: 4),
+              Text(
+                label,
+                style: ThemeUtils.textStyleAppShortcut(),
+                maxLines: 1,
+                overflow: TextOverflow.ellipsis,
+              ),
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/features/mailbox/presentation/widgets/mailbox_app_bar.dart

@@ -1,17 +1,24 @@
+import 'package:core/presentation/resources/image_paths.dart';
 import 'package:flutter/material.dart';
 import 'package:tmail_ui_user/features/base/widget/application_logo_with_text_widget.dart';
 import 'package:tmail_ui_user/features/base/widget/user_avatar_builder.dart';
+import 'package:tmail_ui_user/features/mailbox/presentation/widgets/app_grid/app_grid_icon.dart';
 
 typedef OnOpenSettingsAction = void Function();
+typedef OnOpenAppGridAction = void Function();
 
 class MailboxAppBar extends StatelessWidget {
+  final ImagePaths imagePaths;
   final String username;
   final OnOpenSettingsAction? openSettingsAction;
+  final OnOpenAppGridAction? onOpenAppGridAction;
 
   const MailboxAppBar({
     super.key,
+    required this.imagePaths,
     required this.username,
     this.openSettingsAction,
+    this.onOpenAppGridAction,
   });
 
   @override
@@ -26,8 +33,14 @@ class MailboxAppBar extends StatelessWidget {
         children: [
           ApplicationLogoWidthTextWidget(iconSize: 22),
           const Spacer(),
+          if (onOpenAppGridAction != null)
+            AppGridIcon(
+              icon: imagePaths.icAppDashboard,
+              onTapAction: onOpenAppGridAction!,
+            ),
           UserAvatarBuilder(
             username: username,
+            padding: const EdgeInsetsDirectional.only(start: 4),
             onTapAction: openSettingsAction,
           ),
         ],