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/copy-button.blade.php

@@ -1,5 +1,6 @@
 {{--
-    Copy Button Component - AdminLTE style
+    Copy Button Component - LucentUI Theme
+    Migrated from AdminLTE to Tailwind
     Small inline button to copy text to clipboard
     
     Usage:
@@ -10,40 +11,6 @@
     'value',
 ])
 
-<style>
-    .copy-btn-lte {
-        display: inline-flex;
-        align-items: center;
-        justify-content: center;
-        position: relative;
-        width: 1.25rem;
-        height: 1.25rem;
-        padding: 0;
-        background: transparent;
-        border: none;
-        color: #adb5bd;
-        cursor: pointer;
-        transition: color var(--lte-transition-speed, 0.3s) ease;
-    }
-    .copy-btn-lte:hover {
-        color: var(--lte-primary, #0d6efd);
-    }
-    .copy-btn-lte svg {
-        width: 1rem;
-        height: 1rem;
-        position: absolute;
-    }
-    .copy-btn-lte-success {
-        color: var(--lte-success, #198754);
-    }
-    .dark .copy-btn-lte {
-        color: #6b7280;
-    }
-    .dark .copy-btn-lte:hover {
-        color: var(--lte-primary, #0d6efd);
-    }
-</style>
-
 <div 
     x-data="{
         copied: false,
@@ -54,17 +21,17 @@
             setTimeout(() => this.copied = false, 2000);
         }
     }"
-    style="display: inline-flex; align-items: center;"
+    class="inline-flex items-center"
     {{ $attributes }}
 >
     <button
         @click="copyToClipboard()"
         type="button"
-        class="copy-btn-lte"
-        :class="copied ? 'copy-btn-lte-success' : ''"
+        class="relative inline-flex items-center justify-center size-5 p-0 bg-transparent border-none text-base/50 cursor-pointer transition-colors duration-200 hover:text-primary"
+        :class="copied ? 'text-success' : ''"
         title="Copy to clipboard"
     >
-        <x-ri-check-fill x-show="copied" x-transition x-cloak />
-        <x-ri-file-copy-line x-show="!copied" x-transition />
+        <x-ri-check-fill class="size-4 absolute" x-show="copied" x-transition x-cloak />
+        <x-ri-file-copy-line class="size-4 absolute" x-show="!copied" x-transition />
     </button>
 </div>