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

@@ -1,5 +1,5 @@
 {{--
-    Tab Panel Component - shadcn-style
+    Tab Panel Component - TailAdmin style
 --}}
 
 @props([
@@ -8,10 +8,10 @@
 
 <div
     x-show="activeTab === '{{ $name }}'"
-    x-transition:enter="transition ease-out duration-150"
+    x-transition:enter="transition ease-out duration-200"
     x-transition:enter-start="opacity-0"
     x-transition:enter-end="opacity-100"
-    {{ $attributes->class(['ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2']) }}
+    {{ $attributes->class(['focus:outline-none focus-visible:ring-3 focus-visible:ring-brand-500/20']) }}
 >
     {{ $slot }}
 </div>