Migrate UI components from AdminLTE to LucentUI Theme using Tailwind CSS

- Updated tab-panel component to use Tailwind for styling and transitions.
- Refactored table-row component to implement Tailwind classes for hover effects and borders.
- Converted table-td component to utilize Tailwind for alignment and text styles.
- Changed table-th component to apply Tailwind for header styling and sorting indicators.
- Revised table component to adopt Tailwind for layout, borders, and responsive design.
- Enhanced tabs component with Tailwind for navigation styles and transitions.
- Updated toggle component to use Tailwind for switch styles and accessibility.
- Refactored tooltip component to implement Tailwind for positioning and styling.
- Added visual enhancements to app.css for improved UI interactions and animations.

extensions/Servers/Proxmox/views/components/alert.blade.php

@@ -11,15 +11,29 @@
 ])
 
 @php
-    // AdminLTE variant classes
+    // LucentUI Tailwind variant classes
     $variantClasses = match($variant) {
-        'success' => $callout ? 'lte-callout lte-callout-success' : 'lte-alert lte-alert-success',
-        'danger', 'error' => $callout ? 'lte-callout lte-callout-danger' : 'lte-alert lte-alert-danger',
-        'warning' => $callout ? 'lte-callout lte-callout-warning' : 'lte-alert lte-alert-warning',
-        'info' => $callout ? 'lte-callout lte-callout-info' : 'lte-alert lte-alert-info',
-        'primary' => $callout ? 'lte-callout lte-callout-primary' : 'lte-alert lte-alert-primary',
-        'neutral' => $callout ? 'lte-callout' : 'lte-alert',
-        default => $callout ? 'lte-callout lte-callout-info' : 'lte-alert lte-alert-info',
+        'success' => $callout 
+            ? 'border-l-4 border-l-success bg-success/5 text-success' 
+            : 'bg-success/10 border border-success/30 text-success',
+        'danger', 'error' => $callout 
+            ? 'border-l-4 border-l-error bg-error/5 text-error' 
+            : 'bg-error/10 border border-error/30 text-error',
+        'warning' => $callout 
+            ? 'border-l-4 border-l-warning bg-warning/5 text-warning' 
+            : 'bg-warning/10 border border-warning/30 text-warning',
+        'info' => $callout 
+            ? 'border-l-4 border-l-info bg-info/5 text-info' 
+            : 'bg-info/10 border border-info/30 text-info',
+        'primary' => $callout 
+            ? 'border-l-4 border-l-primary bg-primary/5 text-primary' 
+            : 'bg-primary/10 border border-primary/30 text-primary',
+        'neutral' => $callout 
+            ? 'border-l-4 border-l-neutral bg-background-secondary text-base/80' 
+            : 'bg-background-secondary border border-neutral text-base/80',
+        default => $callout 
+            ? 'border-l-4 border-l-info bg-info/5 text-info' 
+            : 'bg-info/10 border border-info/30 text-info',
     };
     
     // Default icons per variant
@@ -34,7 +48,7 @@
     };
     
     $alertIcon = $icon ?? $defaultIcon;
-    $baseClasses = "$variantClasses lte-fade-in";
+    $baseClasses = "relative p-4 rounded-lg transition-all duration-300 $variantClasses";
 @endphp
 
 <div