feat(ui): unify team, security, and notification settings layouts

Extract shared settings-layout components and a dedicated team
danger-zone page. Enable modal editing for security resources,
polish OAuth/API-token controls, and align notification and
service configuration UI with the new navigation patterns.

resources/views/components/notification/settings-layout.blade.php

@@ -0,0 +1,38 @@
+@php
+    $notificationMenuItems = [
+        ['label' => 'Email', 'route' => 'notifications.email', 'icon' => 'mail'],
+        ['label' => 'Discord', 'route' => 'notifications.discord', 'brandIcon' => 'discord'],
+        ['label' => 'Telegram', 'route' => 'notifications.telegram', 'brandIcon' => 'telegram'],
+        ['label' => 'Slack', 'route' => 'notifications.slack', 'brandIcon' => 'slack'],
+        ['label' => 'Pushover', 'route' => 'notifications.pushover', 'brandIcon' => 'pushover'],
+        ['label' => 'Webhook', 'route' => 'notifications.webhook', 'icon' => 'destinations'],
+    ];
+@endphp
+
+<section class="application-settings-workspace mt-4 w-full max-w-[1180px] lg:mt-0">
+    <div class="grid min-w-0 gap-8 xl:grid-cols-[210px_minmax(0,1fr)] xl:gap-10">
+        <aside class="application-settings-navigation min-w-0 xl:self-start">
+            <nav aria-label="Notification settings"
+                class="grid grid-cols-2 gap-0.5 border-y border-neutral-200 py-3 sm:grid-cols-3 lg:grid-cols-4 xl:grid-cols-1 xl:border-y-0 xl:py-0 dark:border-white/[0.06]">
+                <div class="nav-section hidden xl:block">Notifications</div>
+                @foreach ($notificationMenuItems as $menuItem)
+                    <a wire:key="notification-settings-{{ str($menuItem['label'])->slug() }}"
+                        @class(['menu-item', 'menu-item-active' => request()->routeIs($menuItem['route'])])
+                        {{ wireNavigate() }} href="{{ route($menuItem['route']) }}">
+                        @if (isset($menuItem['brandIcon']))
+                            <span class="menu-item-icon bg-current"
+                                style="mask: url('{{ asset('svgs/' . $menuItem['brandIcon'] . '.svg') }}') center / contain no-repeat; -webkit-mask: url('{{ asset('svgs/' . $menuItem['brandIcon'] . '.svg') }}') center / contain no-repeat;"></span>
+                        @else
+                            <x-reicon :name="$menuItem['icon']" class="menu-item-icon" />
+                        @endif
+                        <span class="menu-item-label">{{ $menuItem['label'] }}</span>
+                    </a>
+                @endforeach
+            </nav>
+        </aside>
+
+        <div class="min-w-0">
+            {{ $slot }}
+        </div>
+    </div>
+</section>