Add company logo section and display icons fom main apps

odex30_base/odex_sidebar_backend_theme/static/src/scss/sidebar_menu.scss

@@ -15,6 +15,24 @@
     transition: transform 0.3s ease-in-out;
 }
 
+/* ===================================
+   1.1 تصميم قسم شعار الشركة
+   =================================== */
+.sidebar_logo_section {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 15px 10px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.18);
+    background-color: rgba(255, 255, 255, 0.05);
+}
+
+.sidebar_company_logo {
+    max-width: 100%;
+    max-height: 60px;
+    object-fit: contain;
+}
+
 .custom_sidebar .custom_icon_close {
     color: #fff;
     position: absolute;
@@ -29,7 +47,7 @@ color: #fff;
     transform: translateX(0);
 }
 
-// اخقاء الايقون الافتراضية للابلكيشن من الشريط العلوي
+// اخفاء الايقون الافتراضية للابلكيشن من الشريط العلوي
 .o_navbar .o_main_navbar .o_navbar_apps_menu .o-dropdown {
     display: none !important;    
 }
@@ -171,3 +189,11 @@ color: #fff;
     padding: 0 15px;
     border: none;
 }
+
+/* تصميم أيقونة القائمة الرئيسية */
+.custom_sidebar .menu-item-icon {
+    width: 20px;
+    height: 20px;
+    margin: 0 10px;
+    object-fit: contain;
+}

odex30_base/odex_sidebar_backend_theme/static/src/xml/menu_item_template.xml

@@ -4,6 +4,15 @@
     <t t-name="odex_sidebar_backend_theme.MenuItem" owl="1">
        <li t-att-class="{ 'has-children': props.menu.children.length > 0, 'open': props.menu.isOpen }">
             <div class="menu-item-container">
+
+            <!-- عرض الأيقونة -->
+                <t t-if="props.menu.webIconData">
+                    <img class="menu-item-icon" t-att-src="props.menu.webIconData" alt=""/>
+                </t>
+                <t t-elif="props.menu.icon">
+                    <i t-att-class="'menu-item-icon ' + props.menu.icon"></i>
+                </t>
+
                 <a href="#" class="menu-item-link" t-on-click.prevent="() => this.selectMenu(props.menu)">
                     <t t-esc="props.menu.name"/>
                 </a>

odex30_base/odex_sidebar_backend_theme/static/src/xml/sidebar_menu_template.xml

@@ -5,6 +5,10 @@
             <div class="custom_icon_close" t-on-click="toggleSidebar">
                 <i class="fa fa-close"/>
             </div>
+            <!-- Company Logo Section -->
+            <div class="sidebar_logo_section">
+                <img src="/odex_sidebar_backend_theme/static/src/img/logo.png" alt="Company Logo" class="sidebar_company_logo"/>
+            </div>
             <ul class="sidebar_menu_list">
                 <t t-foreach="state.menus" t-as="app" t-key="app.id">
                     <MenuItem menu="app" siblings="state.menus"/>