TF-1960 Highlight item menu setting when hover

(cherry picked from commit 77308841fcc3362c9111698ea216b1d8073a59ab)

lib/features/manage_account/presentation/menu/manage_account_menu_view.dart

@@ -114,7 +114,9 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
                             padding: EdgeInsets.symmetric(vertical: 16),
                             child: Divider(color: AppColor.lineItemListColor, height: 0.5, thickness: 0.2)),
                         Padding(
-                          padding: const EdgeInsetsDirectional.only(start: 32),
+                          padding: const EdgeInsetsDirectional.only(start: 20, end: 10),
+                          child: Material(
+                            color: Colors.transparent,
                             child: InkWell(
                               onTap: () {
                                 controller.dashBoardController.logout(
@@ -122,6 +124,9 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
                                   controller.dashBoardController.accountId.value
                                 );
                               },
+                              borderRadius: BorderRadius.circular(10),
+                              child: Padding(
+                                padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 6),
                                 child: Row(children: [
                                   SvgPicture.asset(_imagePaths.icSignOut, fit: BoxFit.fill),
                                   const SizedBox(width: 12),
@@ -133,7 +138,9 @@ class ManageAccountMenuView extends GetWidget<ManageAccountMenuController> {
                                       color: Colors.black
                                     )
                                   ))
-                            ])
+                                ]),
+                              )
+                            ),
                           )
                         ),
                       ]),

lib/features/manage_account/presentation/menu/widgets/account_menu_item_tile_builder.dart

@@ -26,11 +26,14 @@ class AccountMenuItemTileBuilder extends StatelessWidget {
     final imagePaths = Get.find<ImagePaths>();
 
     return Padding(
+      key: const Key('account_menu_item_tile'),
       padding: const EdgeInsets.only(top: 6),
+      child: Material(
+        color: Colors.transparent,
         child: InkWell(
           onTap: () => onSelectAccountMenuItemAction?.call(_menuItem),
+          borderRadius: BorderRadius.circular(10),
           child: Container(
-          key: const Key('account_menu_item_tile'),
             decoration: BoxDecoration(
               borderRadius: BorderRadius.circular(10),
               color: _getBackgroundColorItem(context)),
@@ -54,6 +57,7 @@ class AccountMenuItemTileBuilder extends StatelessWidget {
               ]),
             ])
           )),
+      ),
     );
   }
 
@@ -64,8 +68,8 @@ class AccountMenuItemTileBuilder extends StatelessWidget {
       return AppColor.colorBgMailboxSelected;
     } else {
       return responsiveUtils.isWebDesktop(context)
-        ? AppColor.colorBgDesktop
+        ? Colors.transparent
-        : Colors.white;
+        : Colors.transparent;
     }
   }
 }

lib/features/manage_account/presentation/menu/widgets/setting_first_level_tile_builder.dart

@@ -32,8 +32,12 @@ class SettingFirstLevelTileBuilder extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    return InkWell(onTap: clickAction,child: Padding(
+    return Material(
-      padding: const EdgeInsets.only(top: 24, bottom: 24),
+      color: Colors.transparent,
+      child: InkWell(
+        onTap: clickAction,
+        child: Padding(
+          padding: const EdgeInsetsDirectional.symmetric(vertical: 24),
           child: Row(
             children: [
               Expanded(flex: 9, child: Column(
@@ -92,6 +96,7 @@ class SettingFirstLevelTileBuilder extends StatelessWidget {
                onPressed: clickAction
             )
           ])),
+      ),
     );
   }