WS-5: Buchungs-Gate launch-ready – proaktiver Dashboard-Hinweis

Das Abo-/Bestandsschutz-Gate (User::hasActiveBooking, BookingRequiredException,
Submit-Modal, API 402/422) war bereits implementiert und getestet. Ergänzt wird
die proaktive Block-UX:

- Kunden-Dashboard zeigt bei scharfem Gate (billing.enforce_booking=true) und
  fehlender aktiver Buchung einen Banner "Buchung erforderlich, um zu
  veröffentlichen" mit Link zur Buchungsseite. Bestandskunden (grandfathered)
  sehen den Hinweis nicht; bei offenem Gate bleibt er unsichtbar.
- Tests: Banner aus (Gate offen) / an (Gate scharf, keine Buchung) /
  Ausnahme für grandfathered.

Launch-Flip bleibt env-gesteuert (BILLING_ENFORCE_BOOKING), Dev-Default false –
.env.example und Detailplan (WS-5 ✅) dokumentieren den Schalter.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

resources/views/livewire/customer/dashboard.blade.php

@@ -56,6 +56,10 @@ new #[Layout('components.layouts.app'), Title('Mein Dashboard')] class extends C
         return [
             'user' => $user,
             'selectedCompany' => $selectedCompany,
+            // Launch-Gate (WS-5): Solange billing.enforce_booking aus ist, ist
+            // dies immer false und der Hinweis bleibt unsichtbar. Bei scharfem
+            // Gate sehen Bestandskunden (grandfathered) den Banner nicht.
+            'bookingRequired' => config('billing.enforce_booking') && ! $user->hasActiveBooking(),
             'stats' => [
                 'total' => (int) ($stats->total ?? 0),
                 'published' => (int) ($stats->published ?? 0),
@@ -236,6 +240,33 @@ new #[Layout('components.layouts.app'), Title('Mein Dashboard')] class extends C
         </div>
     </header>
 
+    {{-- ============== BUCHUNGS-GATE (WS-5) ============== --}}
+    @if ($bookingRequired)
+        <section class="rounded-[6px] border border-[color:var(--color-warn)]/40 bg-[color:var(--color-warn-soft)] px-5 py-4">
+            <div class="flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between">
+                <div class="flex items-start gap-3 min-w-0">
+                    <span class="flex-shrink-0 mt-0.5 w-9 h-9 rounded-[5px] flex items-center justify-center
+                                 bg-white/60 border border-[color:var(--color-warn)]/30 text-[color:var(--color-accent-deep)]">
+                        <flux:icon.lock-closed class="size-[17px]" />
+                    </span>
+                    <div class="min-w-0">
+                        <div class="text-[13.5px] font-semibold text-[color:var(--color-ink)]">
+                            {{ __('Buchung erforderlich, um zu veröffentlichen') }}
+                        </div>
+                        <p class="text-[12px] leading-[1.55] mt-1 m-0 text-[color:var(--color-ink-2)]">
+                            {{ __('Sie können Pressemitteilungen wie gewohnt erstellen und speichern. Zum Einreichen zur Prüfung wird eine aktive Buchung benötigt.') }}
+                        </p>
+                    </div>
+                </div>
+                <div class="flex-shrink-0">
+                    <flux:button variant="primary" icon="credit-card" href="{{ route('me.bookings.index') }}" wire:navigate>
+                        {{ __('Buchung auswählen') }}
+                    </flux:button>
+                </div>
+            </div>
+        </section>
+    @endif
+
     {{-- ============== STAT-CARDS — KPI-Reihe ============== --}}
     <section class="grid grid-cols-2 gap-4 xl:grid-cols-4">
         <x-portal.stat-card variant="primary" :label="__('Gesamt')" :value="$stats['total']">