Add AdminLTE-style CSS framework to app.css

- Introduced AdminLTE CSS variables for color palette, body colors, card styles, and button styles.
- Implemented card components with variants for primary, success, warning, danger, and info.
- Added button styles including sizes and outline variants.
- Created form controls, select inputs, and input groups with consistent styling.
- Included utility classes for text and background colors, gradients, and shadows.
- Developed components for badges, alerts, callouts, progress bars, tables, small boxes, and info boxes.
- Integrated modal, dropdown, spinner, tooltip, and direct chat styles.
- Established timeline and close button styles, with dark mode support for specific components.

extensions/Servers/Proxmox/views/components/ui/spinner.blade.php

@@ -1,5 +1,5 @@
 {{--
-    Spinner Component - TailAdmin style
+    Spinner Component - AdminLTE style
     
     Usage:
     <x-proxmox::ui.spinner />
@@ -12,31 +12,43 @@
 ])
 
 @php
-    $sizeClasses = [
-        'xs' => 'size-3',
-        'sm' => 'size-4',
-        'md' => 'size-5',
-        'lg' => 'size-6',
-        'xl' => 'size-8',
+    $sizeStyles = [
+        'xs' => 'width: 0.75rem; height: 0.75rem;',
+        'sm' => 'width: 1rem; height: 1rem;',
+        'md' => 'width: 1.25rem; height: 1.25rem;',
+        'lg' => 'width: 1.5rem; height: 1.5rem;',
+        'xl' => 'width: 2rem; height: 2rem;',
     ];
     
-    $colorClasses = [
-        'current' => 'text-current',
-        'primary' => 'text-brand-500',
-        'secondary' => 'text-gray-500',
-        'success' => 'text-success-500',
-        'warning' => 'text-warning-500',
-        'danger' => 'text-error-500',
-        'info' => 'text-blue-light-500',
-        'muted' => 'text-gray-400 dark:text-gray-500',
+    $colorStyles = [
+        'current' => 'color: currentColor;',
+        'primary' => 'color: var(--lte-primary, #0d6efd);',
+        'secondary' => 'color: var(--lte-secondary, #6c757d);',
+        'success' => 'color: var(--lte-success, #198754);',
+        'warning' => 'color: var(--lte-warning, #ffc107);',
+        'danger' => 'color: var(--lte-danger, #dc3545);',
+        'info' => 'color: var(--lte-info, #0dcaf0);',
+        'muted' => 'color: #adb5bd;',
     ];
     
-    $sizeClass = $sizeClasses[$size] ?? $sizeClasses['md'];
-    $colorClass = $colorClasses[$color] ?? $colorClasses['current'];
+    $sizeStyle = $sizeStyles[$size] ?? $sizeStyles['md'];
+    $colorStyle = $colorStyles[$color] ?? $colorStyles['current'];
 @endphp
 
+<style>
+    .spinner-lte {
+        animation: spin-lte 1s linear infinite;
+    }
+    @keyframes spin-lte {
+        from { transform: rotate(0deg); }
+        to { transform: rotate(360deg); }
+    }
+</style>
+
 <svg 
-    {{ $attributes->class(['animate-spin', $sizeClass, $colorClass]) }} 
+    {{ $attributes }}
+    class="spinner-lte"
+    style="{{ $sizeStyle }} {{ $colorStyle }}"
     xmlns="http://www.w3.org/2000/svg" 
     fill="none" 
     viewBox="0 0 24 24"