Move SealShare onto Livewire Material

Replaces maryUI and daisyUI with nonameweb/livewire-material: the Vibrant
indigo scheme, a system/light/dark theme under sealshare-theme, one top
app bar with the account menu, the upload drop zone and link-ready
moments, M3 fields, dialogs instead of wire:confirm, snackbars instead of
flashed messages, a sortable admin table, and the starter-kit cleanup.
Docker builds assets after Composer; CI drops the Flux step.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01V9NnLxnPp8vaaurb3Z1MFy

resources/views/pages/settings/layout.blade.php

@@ -1,22 +1,24 @@
-<div class="flex items-start max-md:flex-col">
-    <div class="me-10 w-full pb-4 md:w-[220px]">
-        <x-menu class="!p-0">
-            <x-menu-item title="{{ __('Profile') }}" link="{{ route('profile.edit') }}" wire:navigate />
-            <x-menu-item title="{{ __('Password') }}" link="{{ route('user-password.edit') }}" wire:navigate />
-            @if (Laravel\Fortify\Features::canManageTwoFactorAuthentication())
-                <x-menu-item title="{{ __('Two-Factor Auth') }}" link="{{ route('two-factor.show') }}" wire:navigate />
-            @endif
-            <x-menu-item title="{{ __('Appearance') }}" link="{{ route('appearance.edit') }}" wire:navigate />
-        </x-menu>
-    </div>
+@php
+    $items = [
+        ['title' => __('Profile'), 'icon' => 'person', 'url' => route('profile.edit'), 'active' => request()->routeIs('profile.edit')],
+        ['title' => __('Password'), 'icon' => 'password', 'url' => route('user-password.edit'), 'active' => request()->routeIs('user-password.edit')],
+    ];
 
-    <div class="divider md:hidden"></div>
+    if (Laravel\Fortify\Features::canManageTwoFactorAuthentication()) {
+        $items[] = ['title' => __('Two-Factor Auth'), 'icon' => 'shield_lock', 'url' => route('two-factor.show'), 'active' => request()->routeIs('two-factor.show')];
+    }
 
-    <div class="flex-1 self-stretch max-md:pt-6">
-        <h2 class="text-lg font-semibold">{{ $heading ?? '' }}</h2>
-        <p class="text-sm opacity-60">{{ $subheading ?? '' }}</p>
+    $items[] = ['title' => __('Appearance'), 'icon' => 'contrast', 'url' => route('appearance.edit'), 'active' => request()->routeIs('appearance.edit')];
+@endphp
 
-        <div class="mt-5 w-full max-w-lg">
+<div class="w-full">
+    <x-section-nav :items="$items" :label="__('Settings')" />
+
+    <div class="mt-8">
+        <h2 class="type-title-lg">{{ $heading ?? '' }}</h2>
+        <p class="mt-1 type-body-md text-on-surface-variant">{{ $subheading ?? '' }}</p>
+
+        <div class="mt-6 w-full max-w-lg">
             {{ $slot }}
         </div>
     </div>