refactor: update server status display in Proxmox view with improved styling and icon representation for better user experience

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

@@ -9,17 +9,19 @@
                     </div>
                     <span class="font-medium">{{ $status->name }}</span>
                 </div>
-                <div 
-                    class="size-3 rounded-full transition-all duration-300
-                    @if($status->status == 'running') 
-                        bg-success animate-pulse
-                    @elseif($status->status == 'stopped') 
-                        bg-red-500
-                    @else 
-                        bg-warning
-                    @endif"
-                    title="@if($status->status == 'running') Running @elseif($status->status == 'stopped') Stopped @else {{ ucfirst($status->status) }} @endif"
-                ></div>
+                <div
+                    class="size-5 rounded-md p-0.5
+                        @if($status->status == 'running') text-success bg-success/20
+                        @elseif($status->status == 'stopped') text-inactive bg-inactive/20
+                        @else text-warning bg-warning/20 @endif">
+                    @if($status->status == 'running')
+                        <x-ri-checkbox-circle-fill />
+                    @elseif($status->status == 'stopped')
+                        <x-ri-forbid-fill />
+                    @else
+                        <x-ri-error-warning-fill />
+                    @endif
+                </div>
             </div>
 
             <div class="flex flex-row flex-wrap gap-4 mt-4">