feat: add Citrus design system and refactor admin master layout for improved UI/UX styling

resources/views/admin/inc/citrus-design.blade.php

@@ -39,6 +39,13 @@
         filter: brightness(0) invert(1) !important;
     }
 
+    /* Light theme logo color fix */
+    .content-side-user[class*="-light"] .img-link img,
+    .content-side-user[class*="-lighter"] .img-link img,
+    .content-side-user.bg-white .img-link img {
+        filter: none !important;
+    }
+
     /* Search Module Tighter */
     #search-module {
         margin: 8px 12px !important;

resources/views/admin/master.blade.php

@@ -100,7 +100,7 @@ if (getisset("ajax")) {
                 <nav id="sidebar">
                     <div class="sidebar-content">
 
-                        <div class="content-side content-side-full content-side-user px-10 align-parent">
+                        <div class="content-side content-side-full content-side-user px-10 align-parent {{setting("header_color")}}">
                             <!-- Visible only in mini mode -->
                             <div class="sidebar-mini-visible-b align-v animated fadeIn">
                                 <a href="{{url("admin")}}">

resources/views/admin/type/settings/common-settings.blade.php

@@ -153,22 +153,21 @@ $colorThemes = [
             document.getElementById('header_color_select').value = colorClass;
             $(document.getElementById('header_color_select')).trigger('change');
 
-            // #page-header elementini bul
-            var pageHeader = document.getElementById('page-header');
-            if (pageHeader) {
+            // #page-header ve .content-side-user elementlerini bul
+            var elementsToUpdate = document.querySelectorAll('#page-header, .content-side-user');
+            
+            elementsToUpdate.forEach(function(el) {
                 // Tüm mevcut bg-* sınıflarını kaldır
-                var classes = pageHeader.className.split(' ');
+                var classes = el.className.split(' ');
                 for (var i = 0; i < classes.length; i++) {
                     if (classes[i].startsWith('bg-')) {
-                        pageHeader.classList.remove(classes[i]);
+                        el.classList.remove(classes[i]);
                     }
                 }
 
                 // Yeni renk sınıfını ekle
-                pageHeader.classList.add(colorClass);
-            } else {
-                console.warn('#page-header elementi bulunamadı!');
-            }
+                el.classList.add(colorClass);
+            });
         }
 
         // Sayfa yüklendiğinde mevcut rengi uygula