refactor: update Proxmox UI components to use TailAdmin styling

- Changed component styles and classes to align with TailAdmin design patterns.
- Updated color schemes, typography, and layout for consistency across components.
- Refactored Info Row, Network Address Card, Notice Banner, Progress Bar, Resource Gauge, Section Header, Server Status, Spinner, Stat Card, and Tab Panel components.
- Enhanced responsiveness and accessibility features in various components.

extensions/Servers/Proxmox/views/components/ui/empty-state.blade.php

@@ -1,5 +1,5 @@
 {{--
-    Empty State Component - shadcn-style
+    Empty State Component - TailAdmin style
     
     Usage:
     <x-proxmox::ui.empty-state title="No servers found" />
@@ -23,21 +23,21 @@
 <div 
     {{ $attributes->class([
         'flex flex-col items-center justify-center text-center',
-        'py-12 px-6' => !$compact,
-        'py-6 px-4' => $compact,
+        'px-6 py-12' => !$compact,
+        'px-4 py-6' => $compact,
     ]) }}
 >
     @if($icon)
         <div @class([
-            'flex items-center justify-center rounded-full bg-muted',
-            'mb-4 size-14' => !$compact,
-            'mb-3 size-10' => $compact,
+            'flex items-center justify-center rounded-full bg-gray-100 dark:bg-gray-800',
+            'mb-5 size-16' => !$compact,
+            'mb-3 size-11' => $compact,
         ])>
             <x-dynamic-component 
                 :component="$icon" 
                 @class([
-                    $iconClass ?? 'text-muted-foreground',
-                    'size-7' => !$compact,
+                    $iconClass ?? 'text-gray-400 dark:text-gray-500',
+                    'size-8' => !$compact,
                     'size-5' => $compact,
                 ])
             />
@@ -45,25 +45,25 @@
     @endif
     
     <h3 @class([
-        'font-semibold tracking-tight',
-        'text-base' => !$compact,
-        'text-sm' => $compact,
+        'font-semibold text-gray-800 dark:text-white/90',
+        'text-lg' => !$compact,
+        'text-theme-sm' => $compact,
     ])>
         {{ $title }}
     </h3>
     
     @if($description)
         <p @class([
-            'text-muted-foreground max-w-sm',
-            'mt-1.5 text-sm' => !$compact,
-            'mt-1 text-xs' => $compact,
+            'max-w-sm text-gray-500 dark:text-gray-400',
+            'mt-2 text-theme-sm' => !$compact,
+            'mt-1 text-theme-xs' => $compact,
         ])>
             {{ $description }}
         </p>
     @endif
     
     @if($slot->isNotEmpty())
-        <div @class(['mt-4' => !$compact, 'mt-3' => $compact])>
+        <div @class(['mt-5' => !$compact, 'mt-3' => $compact])>
             {{ $slot }}
         </div>
     @endif