feat(ui): Shadow UI redesign, domain management, and DNS autoconfigure (#11119)

Co-authored-by: ShadowArcanist <162910371+ShadowArcanist@users.noreply.github.com>

resources/views/livewire/server/proxy/show.blade.php

@@ -3,14 +3,22 @@
         Proxy Configuration | Coolify
     </x-slot>
     <livewire:server.navbar :server="$server" />
-    @if ($server->isFunctional())
-        <div class="flex flex-col h-full gap-4 md:gap-8 md:flex-row">
-            <x-server.sidebar-proxy :server="$server" :parameters="$parameters" />
+    <div
+        class="server-settings-workspace application-settings-workspace mt-4 grid w-full max-w-[1180px] min-w-0 gap-8 lg:mt-0 xl:grid-cols-[210px_minmax(0,1fr)] xl:gap-10">
+        <x-server.sidebar-proxy :server="$server" :parameters="$parameters" />
+        @if ($server->isFunctional())
             <div class="w-full">
                 <livewire:server.proxy :server="$server" />
             </div>
-        </div>
-    @else
-        <div>Server is not validated. Validate first.</div>
-    @endif
+        @else
+            <div class="application-settings-form w-full">
+                <x-application.settings-section title="Proxy"
+                    helper="Configure the reverse proxy for this server.">
+                    <x-empty size="sm" title="Server validation required"
+                        description="Validate this server before configuring its proxy."
+                        icon-name="servers" />
+                </x-application.settings-section>
+            </div>
+        @endif
+    </div>
 </div>