feat(web): storage admin, search and catalog pages (M2)

- Storage admin: local folders with a folder picker and NFS sources,
  connection test, scan and full scan with live progress, enable,
  disable, delete
- path pattern editor with reorder, examples and a preview table that
  shows which pattern matched and what came from tags; compile errors
  land under the broken pattern
- Library page with counters, scans and unreadable files; search
  reindex for admins
- search box in the top bar: combobox with keyboard navigation, 150 ms
  debounce, cancelled stale requests, "/" and Ctrl+K, layout fix hint
- search page with tabs and paging, artist and album pages, album
  cards and track lists; unavailable tracks are dimmed

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

apps/web/src/widgets/AppShell.tsx

@@ -9,15 +9,20 @@ import {
   groupIcon,
   homeFillIcon,
   homeIcon,
+  libraryFillIcon,
+  libraryIcon,
   logoutIcon,
   musicIcon,
   settingsIcon,
+  storageFillIcon,
+  storageIcon,
 } from '../shared/ui/icons';
 import { Avatar, Icon, Logo, Menu } from '../shared/ui/ui';
 import { LanguageSwitch } from './LanguageSwitch';
+import { SearchBox } from './SearchBox';
 import s from './AppShell.module.css';
 
-type NavPath = '/' | '/admin/users' | '/admin/audit';
+type NavPath = '/' | '/admin/users' | '/admin/audit' | '/admin/sources' | '/admin/library';
 
 function NavLink({ to, label, icon, activeIcon }: { to: NavPath; label: string; icon: string; activeIcon: string }) {
   return (
@@ -51,6 +56,7 @@ function Shell() {
         <Link to="/" className={s.logoLink}>
           <Logo />
         </Link>
+        <SearchBox />
         <div className={s.topRight}>
           <Menu
             label={t('profile.menu')}
@@ -82,6 +88,10 @@ function Shell() {
           <>
             <div className={s.navSection}>{t('nav.admin')}</div>
             <NavLink to="/admin/users" label={t('nav.users')} icon={groupIcon} activeIcon={groupFillIcon} />
+            {user.role === 'admin' && (
+              <NavLink to="/admin/sources" label={t('nav.sources')} icon={storageIcon} activeIcon={storageFillIcon} />
+            )}
+            <NavLink to="/admin/library" label={t('nav.library')} icon={libraryIcon} activeIcon={libraryFillIcon} />
             {user.role === 'admin' && (
               <NavLink to="/admin/audit" label={t('nav.audit')} icon={auditIcon} activeIcon={auditFillIcon} />
             )}