feat: Enhance dees-appui components with dynamic tab and menu configurations

- Updated dees-appui-mainmenu to accept dynamic tabs with actions and icons.
- Modified dees-appui-mainselector to support dynamic selection options.
- Introduced dees-appui-tabs for improved tab navigation with customizable styles.
- Added dees-appui-view to manage views with tabs and content dynamically.
- Implemented event dispatching for tab and option selections.
- Created a comprehensive architecture documentation for dees-appui system.
- Added demo implementations for dees-appui-base and other components.
- Improved responsiveness and user interaction feedback across components.

ts_web/elements/dees-appui-appbar.ts

@@ -361,7 +361,7 @@ export class DeesAppuiBar extends DeesElement {
         aria-haspopup="${hasSubmenu}"
         aria-expanded="${isActive}"
       >
-        ${menuItem.iconName ? html`<dees-icon .iconName=${menuItem.iconName}></dees-icon>` : ''}
+        ${menuItem.iconName ? html`<dees-icon .icon="${`lucide:${menuItem.iconName}`}"></dees-icon>` : ''}
         ${menuItem.name}
         ${hasSubmenu ? this.renderDropdown(menuItem.submenu, itemId, isActive) : ''}
       </div>
@@ -400,7 +400,7 @@ export class DeesAppuiBar extends DeesElement {
         role="menuitem"
         tabindex="${menuItem.disabled ? -1 : 0}"
       >
-        ${menuItem.iconName ? html`<dees-icon .iconName=${menuItem.iconName}></dees-icon>` : ''}
+        ${menuItem.iconName ? html`<dees-icon .icon="${`lucide:${menuItem.iconName}`}"></dees-icon>` : ''}
         <span>${menuItem.name}</span>
         ${menuItem.shortcut ? html`<span class="shortcut">${menuItem.shortcut}</span>` : ''}
       </div>