fix(mobile): explorer node touch optimization (#8101)

close AF-1338

packages/frontend/core/src/components/app-sidebar/category-divider/index.css.ts

@@ -73,10 +73,7 @@ export const mobileRoot = style([
     padding: '0 16px',
     selectors: {
       '&[data-collapsible="true"]:hover': {
-        backgroundColor: 'transparent',
-      },
-      '&[data-collapsible="true"]:active': {
-        backgroundColor: cssVarV2('layer/background/hoverOverlay'),
+        backgroundColor: 'none',
       },
     },
   },

packages/frontend/core/src/components/app-sidebar/category-divider/index.tsx

@@ -53,9 +53,11 @@ export const CategoryDivider = forwardRef(
             />
           ) : null}
         </div>
-        <div className={styles.actions} onClick={e => e.stopPropagation()}>
-          {children}
-        </div>
+        {mobile ? null : (
+          <div className={styles.actions} onClick={e => e.stopPropagation()}>
+            {children}
+          </div>
+        )}
       </div>
     );
   }