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

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

resources/views/components/backup-sidebar.blade.php

@@ -0,0 +1,64 @@
+@props([
+    'context',
+    'parameters',
+    'section',
+])
+
+@php
+    $routes = match ($context) {
+        'application' => [
+            'back' => 'project.application.backup.index',
+            'general' => 'project.application.backup.show',
+            's3' => 'project.application.backup.s3',
+            'retention' => 'project.application.backup.retention',
+            'executions' => 'project.application.backup.executions',
+            'danger' => 'project.application.backup.danger',
+        ],
+        'service' => [
+            'back' => 'project.service.database.backups',
+            'general' => 'project.service.database.backup.show',
+            's3' => 'project.service.database.backup.s3',
+            'retention' => 'project.service.database.backup.retention',
+            'executions' => 'project.service.database.backup.executions',
+            'danger' => 'project.service.database.backup.danger',
+        ],
+        default => [
+            'back' => 'project.database.backup.index',
+            'general' => 'project.database.backup.execution',
+            's3' => 'project.database.backup.s3',
+            'retention' => 'project.database.backup.retention',
+            'executions' => 'project.database.backup.executions',
+            'danger' => 'project.database.backup.danger',
+        ],
+    };
+
+    $items = [
+        ['key' => 'general', 'label' => 'General', 'icon' => 'settings'],
+        ['key' => 's3', 'label' => 'S3 storage', 'icon' => 'storages'],
+        ['key' => 'retention', 'label' => 'Retention', 'icon' => 'unordered-list'],
+        ['key' => 'executions', 'label' => 'Executions', 'icon' => 'browser-terminal'],
+        ['key' => 'danger', 'label' => 'Danger Zone', 'icon' => 'shield-alert'],
+    ];
+@endphp
+
+<aside class="application-settings-navigation min-w-0 xl:sticky xl:top-26 xl:self-start">
+    <nav aria-label="Backup settings"
+        class="grid grid-cols-2 gap-0.5 border-y border-neutral-200 py-3 sm:grid-cols-3 xl:grid-cols-1 xl:border-y-0 xl:py-0 dark:border-white/[0.06]">
+        <div class="nav-section hidden xl:block">Backup</div>
+        <a class="menu-item" {{ wireNavigate() }} href="{{ route($routes['back'], $parameters) }}">
+            <x-reicon name="logout" class="menu-item-icon rotate-180" />
+            <span class="menu-item-label">Back to backups</span>
+        </a>
+
+        @foreach ($items as $item)
+            <a @class([
+                'menu-item',
+                'menu-item-active' => $section === $item['key'],
+            ])
+                {{ wireNavigate() }} href="{{ route($routes[$item['key']], $parameters) }}">
+                <x-reicon :name="$item['icon']" class="menu-item-icon" />
+                <span class="menu-item-label">{{ $item['label'] }}</span>
+            </a>
+        @endforeach
+    </nav>
+</aside>