Add hero sections to Queue index pages and soften analytics cards.

Introduce shared x-qms.page-hero with summary stats across queues,
tickets, counters, admin pages, and insights; remove bordered cards on
Analytics, Reports, Feedback, and Branches list views.

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

resources/views/qms/reports/index.blade.php

@@ -1,11 +1,22 @@
 <x-app-layout title="Reports">
-    <h1 class="mb-6 text-2xl font-semibold">Reports</h1>
-    <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
-        @foreach ($reports as $type => $label)
-            <a href="{{ route('qms.reports.show', $type) }}" class="rounded-2xl border bg-white p-6 transition hover:border-indigo-300 dark:border-slate-700 dark:bg-slate-900">
-                <h2 class="font-semibold">{{ $label }}</h2>
-                <p class="mt-1 text-sm text-slate-600">View metrics and export CSV</p>
-            </a>
-        @endforeach
+    <div class="space-y-6">
+        <x-qms.page-hero
+            badge="Export · Metrics · CSV"
+            title="Reports"
+            description="Drill into tickets, wait times, counters, appointments, and feedback — view metrics and export CSV for any date range."
+            :stats="[
+                ['value' => number_format($heroStats['reports']), 'label' => 'Report types'],
+                ['value' => number_format($heroStats['branches']), 'label' => 'Branches'],
+                ['value' => 'CSV', 'label' => 'Export format'],
+            ]" />
+
+        <div class="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">
+            @foreach ($reports as $type => $label)
+                <a href="{{ route('qms.reports.show', $type) }}" class="rounded-2xl bg-white p-6 shadow-sm transition hover:shadow-md">
+                    <h2 class="font-semibold text-slate-900">{{ $label }}</h2>
+                    <p class="mt-1 text-sm text-slate-600">View metrics and export CSV</p>
+                </a>
+            @endforeach
+        </div>
     </div>
 </x-app-layout>