Fix domain purchase modal on user-layout order flows.

Include the purchase modal in user-layout and stack it above the order dialog so Get a new domain opens correctly.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/views/components/domain-purchase-modal.blade.php

@@ -1,12 +1,7 @@
-@props(['appLabel' => 'Ladill Servers'])
-
-<x-modal name="domain-purchase" maxWidth="2xl">
+<x-modal name="domain-purchase" maxWidth="2xl" zIndex="z-[60]">
     <div class="flex flex-col" style="height: min(80vh, 720px);">
-        <div class="flex shrink-0 items-center justify-between border-b border-slate-100 px-5 py-4 pr-14">
-            <div>
+        <div class="flex shrink-0 items-center border-b border-slate-100 px-5 py-4 pr-14">
             <h2 class="text-base font-semibold text-slate-900">Register a domain</h2>
-                <p class="mt-0.5 text-xs text-slate-500">Search and buy without leaving {{ $appLabel }}.</p>
-            </div>
         </div>
         <iframe id="ladill-domain-purchase-frame" title="Ladill Domains"
                 src="about:blank"

resources/views/components/modal.blade.php

@@ -1,7 +1,8 @@
 @props([
     'name',
     'show' => false,
-    'maxWidth' => '2xl'
+    'maxWidth' => '2xl',
+    'zIndex' => 'z-50',
 ])
 
 @php
@@ -52,7 +53,7 @@ $maxWidth = [
     x-transition:leave="transition-opacity ease-in duration-150"
     x-transition:leave-start="opacity-100"
     x-transition:leave-end="opacity-0"
-    class="fixed inset-0 z-50 flex items-end sm:items-center sm:justify-center"
+    class="fixed inset-0 {{ $zIndex }} flex items-end sm:items-center sm:justify-center"
     style="background: rgba(0,0,0,0.45); backdrop-filter: blur(3px);"
 >
     {{-- Backdrop click to close --}}

resources/views/components/user-layout.blade.php

@@ -29,5 +29,8 @@
     @auth
         @include('partials.afia')
     @endauth
+@include('partials.sso-keepalive')
+@include('partials.confirm-prompt')
+@include('components.domain-purchase-modal')
 </body>
 </html>