✨ Sub menu

[totase]

This pull request introduces several updates to the ContextMenu component, including the addition of a SubMenu feature and various enhancements to the existing functionality. The changes span multiple files, with significant updates to the component structure, utility functions, and styles.

New Feature: SubMenu

• src/components/SubMenu.tsx: Added a new SubMenu component to support nested menu items. This includes logic for positioning and visibility management.
• app/components/App.tsx: Integrated the new SubMenu component within the ContextMenu structure.

Component Enhancements

• src/components/ContextMenu.tsx: Updated the ContextMenu component to include the SubMenu and adjusted the positioning validation function. [1] [2] [3] [4]
• src/components/MenuItem.tsx: Ensured the MenuItem component resets its state after an animation ends.

Utility and Style Updates

• src/utils.ts: Renamed the validateWindowPosition function to validateMenuPosition and updated the cloneChildren function to handle optional props. [1] [2]
• src/styles.css: Added styles for the SubMenu component, including positioning and hover effects. Adjusted existing styles for better integration with the new submenu feature. [1] [2] [3] [4]

Export Updates

• src/components/index.ts: Exported the new SubMenu component.
• src/index.ts: Included SubMenu in the main export list.