Add join token analytics dashboard and align Filament views

resources/views/filament/super-admin/pages/watermark-settings-page.blade.php

@@ -1,22 +1,25 @@
 @php
-use Illuminate\Support\Facades\Storage;
+    use Filament\Support\Enums\GridDirection;
+    use Filament\Support\Icons\Heroicon;
+    use Illuminate\Support\Facades\Storage;
+    use Illuminate\View\ComponentAttributeBag;
+
+    $stacked = (new ComponentAttributeBag())->grid(['default' => 1], GridDirection::Column);
 @endphp
 
 <x-filament::page>
-    <div class="space-y-6">
-        <div class="rounded-xl bg-white p-6 shadow-sm">
+    <x-filament::section :icon="Heroicon::Photo">
+        <div {{ $stacked }}>
             {{ $this->form }}
-            <div class="mt-4 flex justify-end">
-                <x-filament::button wire:click="save" color="primary">
-                    Speichern
-                </x-filament::button>
-            </div>
+            <x-filament::button wire:click="save" color="primary" :icon="Heroicon::CheckCircle">
+                Speichern
+            </x-filament::button>
         </div>
-        @if($asset)
-            <div class="rounded-xl bg-white p-4 shadow-sm">
-                <p class="text-sm font-medium mb-2">Aktuelles Basis-Wasserzeichen</p>
-                <img src="{{ Storage::disk('public')->url($asset) }}" alt="Watermark" class="max-h-32 object-contain">
-            </div>
-        @endif
-    </div>
+    </x-filament::section>
+
+    @if($asset)
+        <x-filament::section heading="Aktuelles Basis-Wasserzeichen" :icon="Heroicon::Photo">
+            <img src="{{ Storage::disk('public')->url($asset) }}" alt="Watermark" />
+        </x-filament::section>
+    @endif
 </x-filament::page>