Enhance Proxmox views with improved loading states and UI updates

- Updated serverplaceholder.blade.php to enhance loading skeletons for server details.
- Added navigation breadcrumbs to statistics, subdomain, and system views for better user experience.
- Improved loading indicators for CPU, network, memory, and disk charts in statistics.blade.php.
- Refined storage.blade.php layout with section dividers and improved drive display, including bus type indicators and quota usage.
- Enhanced VNC and Xterm popups with a new header design, loading animations, and reconnect functionality.
- Added error handling for VNC and Xterm connections to inform users when unable to connect.

extensions/Servers/Proxmox/views/cloud-init.blade.php

@@ -11,13 +11,19 @@
         }
         .formRight select:focus {
             outline: none;
-            box-shadow: 0 0 0 2px hsl(var(--color-secondary));
+            box-shadow: 0 0 0 2px hsl(var(--color-primary) / 0.25);
+            border-color: hsl(var(--color-primary));
         }
         .formRight select.w-full {
             width: 100%;
         }
     </style>
     <div class="space-y-6">
+        <div class="flex items-center gap-1.5 text-xs text-base/50 mb-2">
+            <a href="{{ route('proxmox.server.overview', ['server' => $server->id]) }}" wire:navigate class="hover:text-primary transition-colors">Overview</a>
+            <x-ri-arrow-right-s-line class="size-3" />
+            <span class="text-base/70">Cloud-init</span>
+        </div>
         <div class="bg-info/10 border border-info/30 rounded-lg p-4"
              x-data="{
                  isCollapsed: localStorage.getItem('cloud-init-notice-collapsed') === 'true',
@@ -419,6 +425,10 @@
                     </p>
                 </div>
             </div>
+
+            <!-- Section Divider -->
+            <div class="col-span-1 xl:col-span-2 border-t border-neutral/20"></div>
+
             <div class="bg-background-secondary border border-neutral rounded-lg p-4 space-y-4"
                  x-data="{ showNetworkModal: @entangle('showNetworkModal') }">
                 <div class="flex items-center justify-between">
@@ -578,6 +588,9 @@
         </div>
         </div>
 
+        <!-- Section Divider -->
+        <div class="border-t border-neutral/20"></div>
+
         <div class="grid grid-cols-1 xl:grid-cols-2 gap-6">
             <div class="bg-background-secondary border border-neutral rounded-lg p-4 space-y-4">
                 <div class="flex items-center justify-between">