feat: implement new Citrus design theme and header layout with tightened UI spacing

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

@@ -201,15 +201,16 @@
     #page-header .btn-dual-secondary {
         background: transparent !important;
         border: none !important;
-        width: 36px !important;
+        min-width: 36px !important;
         height: 36px !important;
+        padding: 0 10px !important;
         border-radius: 8px !important;
         color: #475569 !important;
+        display: flex !important;
+        align-items: center !important;
+        justify-content: center !important;
     }
 
-
-
-
     #page-header .btn-dual-secondary:hover {
         background: #f1f5f9 !important;
         color: var(--citrus-primary) !important;
@@ -234,6 +235,7 @@
     .content-header-section {
         display: flex !important;
         align-items: center !important;
+        gap: 8px !important; /* Added gap between buttons */
     }
 
 

resources/views/admin/inc/header.blade.php

@@ -8,10 +8,7 @@
             <!-- Page Title & Breadcrumbs -->
             <div class="d-flex flex-column justify-content-center">
                 <h1 class="h5 font-w700 text-dark mb-0">@yield('title', e2('Dashboard'))</h1>
-                <nav class="breadcrumb bg-transparent p-0 mb-0 font-size-xs">
+
-                    <a class="breadcrumb-item text-muted" href="{{url('admin')}}">{{ e2("Home") }}</a>
-                    <span class="breadcrumb-item active text-muted">@yield('title', e2('Dashboard'))</span>
-                </nav>
             </div>
         </div>
         <!-- END Left Section -->