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/table-row.blade.php

@@ -1,5 +1,6 @@
 {{--
-    Table Row Component - AdminLTE style
+    Table Row Component - LucentUI Theme
+    Migrated from AdminLTE to Tailwind
 --}}
 
 @props([
@@ -12,44 +13,20 @@
     $isHoverable = $hoverable ?? true;
 @endphp
 
-<style>
-    .table-row-lte {
-        transition: background-color var(--lte-transition-speed, 0.3s) ease;
-        border-bottom: 1px solid var(--lte-border-color, #dee2e6);
-    }
-    .table-row-lte:last-child {
-        border-bottom: none;
-    }
-    .table-row-lte-clickable {
-        cursor: pointer;
-    }
-    .table-row-lte-clickable:hover {
-        background-color: rgba(13, 110, 253, 0.04);
-    }
-    .dark .table-row-lte {
-        border-bottom-color: #374151;
-    }
-    .dark .table-row-lte-clickable:hover {
-        background-color: rgba(13, 110, 253, 0.08);
-    }
-</style>
-
 @if($href)
     <tr 
         {{ $attributes->class([
-            'table-row-lte table-row-lte-clickable',
+            'border-b border-neutral dark:border-gray-700 last:border-b-0 transition-colors duration-200 cursor-pointer hover:bg-primary/5 dark:hover:bg-primary/10',
         ]) }}
         onclick="window.location='{{ $href }}'"
     >
         {{ $slot }}
     </tr>
 @else
-    <tr 
-        {{ $attributes->class([
-            'table-row-lte',
-            'table-row-lte-clickable' => $clickable,
-        ]) }}
-    >
+    <tr {{ $attributes->class([
+        'border-b border-neutral dark:border-gray-700 last:border-b-0 transition-colors duration-200',
+        'cursor-pointer hover:bg-primary/5 dark:hover:bg-primary/10' => $clickable,
+    ]) }}>
         {{ $slot }}
     </tr>
 @endif