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

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

resources/views/components/error-page.blade.php

@@ -0,0 +1,66 @@
+@props([
+    'code',
+    'title',
+    'description' => null,
+    'showGoBack' => true,
+    'showDashboard' => true,
+    'primaryHref' => null,
+    'primaryLabel' => null,
+    'tone' => 'accent', // accent | danger
+    'showContact' => true,
+])
+
+@php
+    $codeClass = $tone === 'danger'
+        ? 'error-code error-code-danger'
+        : 'error-code';
+@endphp
+
+<main {{ $attributes->merge(['class' => 'error-shell']) }}>
+    <div class="error-shell-content">
+        <p class="{{ $codeClass }}">{{ $code }}</p>
+
+        <h1 class="error-title">{{ $title }}</h1>
+
+        @if (filled($description))
+            <p class="error-description">{{ $description }}</p>
+        @endif
+
+        @if ($slot->isNotEmpty())
+            <div class="error-extra">
+                {{ $slot }}
+            </div>
+        @endif
+
+        <div class="error-actions">
+            @if (filled($primaryHref) && filled($primaryLabel))
+                <a href="{{ $primaryHref }}">
+                    <x-forms.button type="button">{{ $primaryLabel }}</x-forms.button>
+                </a>
+            @endif
+
+            @if ($showGoBack)
+                <a href="{{ url()->previous() }}">
+                    <x-forms.button type="button">Go back</x-forms.button>
+                </a>
+            @endif
+
+            @if ($showDashboard)
+                <a href="{{ route('dashboard') }}" {{ wireNavigate() }}>
+                    <x-forms.button type="button">Dashboard</x-forms.button>
+                </a>
+            @endif
+
+            @if ($showContact)
+                <a
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    class="error-contact-link"
+                    href="{{ config('constants.urls.contact') }}">
+                    Contact support
+                    <x-external-link class="inline-flex size-3 text-current" />
+                </a>
+            @endif
+        </div>
+    </div>
+</main>