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/ui/tab-panel.blade.php

@@ -1,41 +1,18 @@
 {{--
-    Tab Panel Component - AdminLTE style
+    Tab Panel Component - LucentUI Theme
+    Migrated from AdminLTE to Tailwind
 --}}
 
 @props([
     'name',
 ])
 
-<style>
-    .tab-pane-lte {
-        animation: fadeIn var(--lte-transition-speed, 0.3s) ease-out;
-    }
-    .tab-pane-lte:focus {
-        outline: none;
-    }
-    .tab-pane-lte:focus-visible {
-        outline: 2px solid rgba(13, 110, 253, 0.25);
-        outline-offset: 2px;
-        border-radius: var(--lte-border-radius, 0.375rem);
-    }
-    @keyframes fadeIn {
-        from {
-            opacity: 0;
-            transform: translateY(-4px);
-        }
-        to {
-            opacity: 1;
-            transform: translateY(0);
-        }
-    }
-</style>
-
 <div
     x-show="activeTab === '{{ $name }}'"
-    x-transition:enter="tab-pane-lte"
-    x-transition:enter-start="opacity-0"
-    x-transition:enter-end="opacity-100"
-    {{ $attributes->class(['tab-pane-lte']) }}
+    x-transition:enter="transition ease-out duration-200"
+    x-transition:enter-start="opacity-0 -translate-y-1"
+    x-transition:enter-end="opacity-100 translate-y-0"
+    {{ $attributes->class(['focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/25 focus-visible:ring-offset-2 rounded-lg']) }}
 >
     {{ $slot }}
 </div>