Refactor Proxmox server views for improved UI consistency and usability

- Updated server card component to use new UI elements and improved layout.
- Enhanced status display with badges and better status indicators.
- Refined quick info row for server details with consistent styling.
- Reorganized server configuration statistics into stat cards for clarity.
- Improved help modals for statistics and storage management sections.
- Streamlined alerts and warnings for better user experience.
- Updated storage management view to utilize new UI components and improve readability.

extensions/Servers/Proxmox/views/index.blade.php

@@ -1,11 +1,22 @@
+{{-- Server Listing - TailServer Theme --}}
 <div class="flex flex-col flex-1" style="min-height: calc(100vh - 30rem);">
-    <div class="flex flex-row items-center pb-4">
-        <span class="text-2xl font-bold">Servers</span>
-    </div>
+    {{-- Page Header --}}
+    <x-proxmox::ui.section-header 
+        title="Servers" 
+        icon="ri-server-line"
+        subtitle="Manage your virtual private servers"
+    />
 
-    <div class="flex flex-col gap-4 flex-1">
-        @foreach($servers as $server)
+    {{-- Server Cards Grid --}}
+    <div class="flex flex-col gap-4 flex-1 mt-4">
+        @forelse($servers as $server)
             <livewire:proxmox.server :server="$server" wire:key="proxmox-server-{{ $server->id }}" lazy />
-        @endforeach
+        @empty
+            <x-proxmox::ui.empty-state 
+                title="No Servers Found"
+                description="You don't have any servers yet. Purchase a server to get started."
+                icon="ri-server-line"
+            />
+        @endforelse
     </div>
 </div>