Refactor modal close behavior and improve styling

- Changed modal close event from `@click.away` to `@click.self` for better control over closing modals.
- Updated various modal button styles for consistency and improved accessibility.
- Adjusted transition durations for modal animations to enhance user experience.
- Added aria-labels to close buttons for better screen reader support.

extensions/Servers/Proxmox/views/components/ui/table-th.blade.php

@@ -21,7 +21,7 @@
     
     $isSorted = $sortable && $sortKey === $currentSort;
     
-    $baseClasses = 'px-5 py-3.5 text-xs font-semibold uppercase tracking-wider text-secondary dark:text-gray-400 bg-transparent align-middle whitespace-nowrap';
+    $baseClasses = 'px-5 py-3.5 text-xs font-semibold uppercase tracking-wider text-secondary bg-transparent align-middle whitespace-nowrap';
     $sortableClasses = $sortable ? 'cursor-pointer select-none transition-colors duration-200 hover:text-primary dark:hover:text-primary' : '';
     $sortedClasses = $isSorted ? 'text-primary dark:text-primary' : '';
 @endphp
@@ -40,7 +40,7 @@
     <div class="flex items-center gap-1.5 {{ $alignClass }}">
         <span>{{ $slot }}</span>
         @if($sortable)
-            <span class="inline-flex {{ $isSorted ? 'text-primary' : 'text-secondary/50 dark:text-gray-500' }}">
+            <span class="inline-flex {{ $isSorted ? 'text-primary' : 'text-secondary/50' }}">
                 @if($isSorted)
                     @if($currentDirection === 'asc')
                         <x-ri-arrow-up-s-line class="size-4" />