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

@@ -58,11 +58,11 @@
 <div {{ $attributes->class(['w-full']) }}>
     @if($showLabel || $label)
         <div class="mb-2 flex items-center justify-between text-sm">
-            <span class="font-medium text-secondary dark:text-gray-300">{{ $label ?? 'Usage' }}</span>
-            <span class="font-semibold text-primary dark:text-gray-100">{{ number_format($percent, 1) }}%</span>
+            <span class="font-medium text-secondary dark:text-base/60">{{ $label ?? 'Usage' }}</span>
+            <span class="font-semibold text-primary dark:text-base/90">{{ number_format($percent, 1) }}%</span>
         </div>
     @endif
-    <div class="{{ $sizeClass }} w-full bg-neutral/30 dark:bg-gray-700 rounded-full overflow-hidden">
+    <div class="{{ $sizeClass }} w-full bg-neutral/30 rounded-full overflow-hidden">
         <div 
             class="{{ $colorClass }} h-full rounded-full transition-all duration-500 {{ $striped ? 'progress-striped' : '' }} {{ $animated ? 'progress-animated' : '' }}"
             role="progressbar"