✨ fix(menu): remove submenu animation

- Introduced `data-submenu` attribute to the `ContextMenu.Positioner` and `DropdownMenuPositioner` components for improved submenu handling.
- Updated styles in `sharedStyle.ts` to manage submenu animations effectively.

This enhancement improves the functionality and styling of dropdown and context menus, ensuring better user experience with submenus.

Signed-off-by: Innei <tukon479@gmail.com>

Author: Innei

src/ContextMenu/renderItems.tsx

@@ -278,6 +278,7 @@ export const renderContextMenuItems = (
             <ContextMenu.Positioner
               alignOffset={-4}
               className={styles.positioner}
+              data-submenu=""
               onContextMenu={preventDefaultAndStopPropagation}
               sideOffset={-1}
             >

src/DropdownMenu/renderItems.tsx

@@ -206,7 +206,7 @@ export const renderDropdownMenuItems = (
             })}
           </DropdownMenuSubmenuTrigger>
           <DropdownMenuPortal>
-            <DropdownMenuPositioner alignOffset={-4} sideOffset={-1}>
+            <DropdownMenuPositioner alignOffset={-4} data-submenu="" sideOffset={-1}>
               <DropdownMenuPopup>
                 {submenu.children
                   ? renderDropdownMenuItems(submenu.children, nextKeyPath, { iconSpaceMode })

src/Menu/sharedStyle.ts

@@ -170,6 +170,11 @@ export const styles = createStaticStyles(({ css, cssVar }) => ({
     &[data-hover-trigger] {
       --lobe-dropdown-animation-duration: 140ms;
     }
+
+    &[data-submenu] {
+      --lobe-dropdown-animation-duration: 0ms;
+      --lobe-dropdown-animation-scale-y: 1;
+    }
   `,
 
   separator: css`