feat(menu): add theme setting to enable/disable more menu functionality

- Add enable_more_menu setting in twilight.json to control more menu feature
- Update main-menu.js to check theme setting before initializing overflow handling
- Allow users to toggle the more menu dropdown functionality from theme settings
- Improve user control over menu behavior and customization options

Author: Ahmed-S-Abduallah

src/assets/js/partials/main-menu.js

@@ -146,14 +146,18 @@ class NavigationMenu extends HTMLElement {
         const mainMenu = this.querySelector('.main-menu');
         if (!mainMenu) return;
 
-        this.checkMenuOverflow();
-
-        // Re-check on window resize
-        const resizeHandler = this.debounce(() => {
+        // Check if more menu is enabled in theme settings
+        const isMoreMenuEnabled = theme.settings.get('enable_more_menu');
+        if (isMoreMenuEnabled) {
             this.checkMenuOverflow();
-        }, 250);
 
-        window.addEventListener('resize', resizeHandler);
+            // Re-check on window resize
+            const resizeHandler = this.debounce(() => {
+                this.checkMenuOverflow();
+            }, 250);
+
+            window.addEventListener('resize', resizeHandler);
+        }
     }
 
     /**

twilight.json

@@ -117,6 +117,17 @@
             "value": true,
             "selected": true
         },
+        {
+            "type": "boolean",
+            "icon": "sicon-toggle-off",
+            "label": "تفعيل قائمة المزيد في القائمة الرئيسية",
+            "description": "عند تفعيلها، ستظهر الروابط الإضافية في قائمة منسدلة تسمى 'المزيد' عند عدم وجود مساحة كافية",
+            "id": "enable_more_menu",
+            "format": "switch",
+            "required": false,
+            "value": true,
+            "selected": true
+        },
         {
             "type": "static",
             "id": "static-line3",