feat: enhance icon rendering logic for dynamic component selection based on user-set icon prefix

extensions/Servers/Proxmox/views/components/layout.blade.php

@@ -264,7 +264,14 @@
                                 @endphp
                                 @foreach($iconList as $iconData)
                                 <button @click="icon = '{{ $iconData['icon'] }}'; iconPrefix = '{{ $iconData['prefix'] }}'" :class="icon === '{{ $iconData['icon'] }}' && iconPrefix === '{{ $iconData['prefix'] }}' ? 'ring-2 ring-primary' : ''" class="icon-btn rounded p-2 border flex items-center justify-center hover:bg-secondary/10 dark:border-base/20" data-icon="{{ $iconData['icon'] }}" data-prefix="{{ $iconData['prefix'] }}">
-                                    <x-dynamic-component :component="$iconData['prefix'] . '-' . $iconData['icon']" class="size-5" />
+                                    @php
+                                        $componentName = $iconData['prefix'] . '-' . $iconData['icon'];
+                                    @endphp
+                                    @if($iconData['prefix'] === 'vaadin')
+                                        <x-dynamic-component component="vaadin-{{ $iconData['icon'] }}" class="size-5" />
+                                    @else
+                                        <x-dynamic-component :component="$componentName" class="size-5" />
+                                    @endif
                                 </button>
                                 @endforeach
                             </div>