style: add a new firewall section with enhanced layout and visual elements in Proxmox view

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

@@ -1,5 +1,19 @@
 <x-proxmox::layout :server="$server" view="firewall" :status="$status" :status-polling="true" :status-polling-interval="'2s'">
 
+<div class="h-9/10 bg-background-secondary/80 backdrop-blur-md border border-neutral/50 rounded-2xl shadow-xl overflow-hidden">
+    <div class="flex flex-col h-full">
+        <div class="p-6 border-b border-neutral/50">
+            <div class="flex items-center gap-3">
+                <div class="w-10 h-10 bg-gradient-to-br from-primary to-secondary rounded-xl flex items-center justify-center shadow-lg">
+                    <x-ri-shield-line class="w-6 h-6 text-white" />
+                </div>
+                <div>
+                    <h2 class="text-lg font-bold text-foreground">Firewall</h2>
+                </div>
+            </div>
+        </div>
+        <div class="flex-1 overflow-y-auto p-4">
+            
 <style>
     .firewall-toggle-switch {
         position: relative;
@@ -2106,4 +2120,8 @@
 </script>
 @endscript
 
+        </div>
+    </div>
+</div>
+
 </x-proxmox::layout>