Flux durch TallStackUI 4 ersetzt

- TallStackUI 4 (MIT) statt Flux; Komponenten mit Präfix ts- (<x-ts-…>)
- Layouts, Login-, Passwort-, 2FA- und Einstellungsseiten neu aufgebaut
- Livewire-Skripte explizit in beiden Layouts, damit Alpine auch auf den
  Fortify-Seiten ohne Livewire-Komponente läuft
- Dark Mode über tallstackui_darkTheme(), ohne Aufblitzen beim Laden
- Registrierungs-View und ungenutzte Layout-Varianten entfernt
- Test: Seiten laden keine Ressourcen von fremden Hosts (Vorgabe "alles lokal")

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

resources/views/livewire/settings/delete-user-form.blade.php

@@ -1,34 +1,35 @@
 <section class="mt-10 space-y-6">
     <div class="relative mb-5">
-        <flux:heading>{{ __('Delete account') }}</flux:heading>
-        <flux:subheading>{{ __('Delete your account and all of its resources') }}</flux:subheading>
+        <x-heading>{{ __('Delete account') }}</x-heading>
+        <x-subheading>{{ __('Delete your account and all of its resources') }}</x-subheading>
     </div>
 
-    <flux:modal.trigger name="confirm-user-deletion">
-        <flux:button variant="danger" x-data="" x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')">
-            {{ __('Delete account') }}
-        </flux:button>
-    </flux:modal.trigger>
+    <x-ts-button color="red" x-on:click="$tsui.open.modal('confirm-user-deletion')">
+        {{ __('Delete account') }}
+    </x-ts-button>
 
-    <flux:modal name="confirm-user-deletion" :show="$errors->isNotEmpty()" focusable class="max-w-lg">
-        <form method="POST" wire:submit="deleteUser" class="space-y-6">
-            <div>
-                <flux:heading size="lg">{{ __('Are you sure you want to delete your account?') }}</flux:heading>
+    <x-ts-modal id="confirm-user-deletion" size="lg" center :title="__('Are you sure you want to delete your account?')">
+        <form id="delete-user-form" wire:submit="deleteUser" class="space-y-6">
+            <p class="text-sm text-gray-600 dark:text-dark-300">
+                {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
+            </p>
 
-                <flux:subheading>
-                    {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
-                </flux:subheading>
-            </div>
-
-            <flux:input wire:model="password" :label="__('Password')" type="password" viewable />
-
-            <div class="flex justify-end space-x-2 rtl:space-x-reverse">
-                <flux:modal.close>
-                    <flux:button variant="filled">{{ __('Cancel') }}</flux:button>
-                </flux:modal.close>
-
-                <flux:button variant="danger" type="submit">{{ __('Delete account') }}</flux:button>
-            </div>
+            <x-ts-password wire:model="password" :label="__('Password')" />
         </form>
-    </flux:modal>
+
+        <x-slot:footer>
+            <div class="flex justify-end gap-2">
+                <x-ts-button flat color="secondary" x-on:click="$tsui.close.modal('confirm-user-deletion')">
+                    {{ __('Cancel') }}
+                </x-ts-button>
+                <x-ts-button submit form="delete-user-form" color="red" loading="deleteUser">
+                    {{ __('Delete account') }}
+                </x-ts-button>
+            </div>
+        </x-slot:footer>
+    </x-ts-modal>
+
+    @if ($errors->isNotEmpty())
+        <div x-init="$tsui.open.modal('confirm-user-deletion')"></div>
+    @endif
 </section>