Enhance UI transitions and loading effects across Proxmox views

- Implemented page load animations using Alpine.js for smoother transitions in various views including firewall, help, index, network, overview, reinstall, server, statistics, storage, subdomain, and system.
- Added opacity and translate effects to elements for improved visual feedback during loading.
- Enhanced hover effects on cards and buttons for better user interaction.
- Adjusted transition timings and delays for a more cohesive user experience.

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

@@ -204,7 +204,9 @@
             @endif
         </div>
 
-        <div class="overflow-x-auto rounded-xl border border-gray-200 dark:border-gray-800 mb-4">
+        <div class="overflow-x-auto rounded-xl border border-gray-200 dark:border-gray-800 mb-4 transition-all duration-300 hover:shadow-md"
+             x-data="{ tableLoaded: false }"
+             x-init="setTimeout(() => tableLoaded = true, 150)">
             <table class="min-w-full divide-y divide-neutral/30 text-sm">
                 <thead class="bg-background">
                     <tr class="text-left text-xs font-semibold text-base/60 uppercase tracking-wide">
@@ -217,8 +219,11 @@
                     </tr>
                 </thead>
                 <tbody class="divide-y divide-neutral/20 text-base text-base/80">
-                    @foreach($interfaces as $name => $type)
-                        <tr>
+                    @foreach($interfaces as $index => $type)
+                    @php $name = array_keys($interfaces)[$loop->index]; @endphp
+                        <tr class="transition-all duration-200 hover:bg-gray-50 dark:hover:bg-gray-800/50"
+                            :class="tableLoaded ? 'opacity-100 translate-x-0' : 'opacity-0 -translate-x-2'"
+                            :style="'transition-delay: {{ $loop->index * 50 }}ms'">
                             <td class="px-4 py-3 font-semibold">{{ strtoupper($name) }}</td>
                             <td class="px-4 py-3">
                                 <select wire:model.live="interfaceSelections.{{ $name }}"