feat: enhance loading button in Proxmox firewall view with improved visual feedback and loading state management

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

@@ -689,9 +689,14 @@
                 <button 
                     wire:click="loadFirewallLogs"
                     wire:loading.attr="disabled"
-                    class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-colors text-sm font-medium">
-                    <x-ri-refresh-line class="size-4 inline mr-1" />
-                    Refresh
+                    wire:loading.class="opacity-75 cursor-not-allowed"
+                    class="px-4 py-2 bg-primary text-white rounded-lg hover:bg-primary/90 transition-all duration-200 text-sm font-medium flex items-center gap-2 disabled:opacity-75 disabled:cursor-not-allowed">
+                    <x-ri-refresh-line 
+                        class="size-4 transition-transform duration-500"
+                        wire:loading.class="animate-spin"
+                        wire:target="loadFirewallLogs" />
+                    <span wire:loading.remove wire:target="loadFirewallLogs">Refresh</span>
+                    <span wire:loading wire:target="loadFirewallLogs">Refreshing...</span>
                 </button>
             </div>
 
@@ -717,6 +722,7 @@
                         perPage: 10,
                         actionFilters: [],
                         protocolFilters: [],
+                        isRefreshing: false,
                         initialize(initialLogs) {
                             console.log('Initializing logs, received:', initialLogs ? initialLogs.length : 0, 'entries');
                             this.logs = (initialLogs || []).map((log, index) => ({