feat(reports,settings): report library + focused report routes, settings modal (#629)

* feat(reports,settings): report library + focused report routes, settings modal

Reports
- Replace the monolithic /reports tab-switcher with a calm, grouped report
  library landing (ReportLibrary + RecentReportsShelf) driven by a new
  lib/reports/catalog.ts.
- Each report opens a focused /reports/[slug] route (FocusedReport) with a
  shared fiscal-year selector, optional date-range, and URL-based account
  drill-down into the general ledger.
- Extract every report view into components/reports/views, add a reusable
  ReportExportMenu, and remove the old ReportsNav.

Settings
- Add an intercepting @settingsModal parallel route so in-app navigation to
  /settings opens as a modal over the current page; hard loads still resolve
  to the full page.
- Share one SettingsShell (rail + content) between page and modal, extract each
  section into components/settings/sections/*Content, add a settings hotkey and
  command-palette entry, and remove the old SettingsSidebar.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* fix(reports,settings): remove dead salary-journal entry, fix border token

Addresses PR review feedback (#629):

- Remove the unreachable `salary-journal` report from the catalog. It had
  needsEmployees + no route + no FocusedView handler and `hasEmployees` was
  never plumbed through, so it never appeared in the library and a direct
  /reports/salary-journal URL rendered a blank frame. The report was never on
  the old page and has no view component; the API + generator stay in place for
  a proper follow-up. Drops its two now-unused i18n keys.

- Replace opacity-suffixed `border-border/8` section dividers with full-opacity
  `border-border` across the extracted settings section components, per the
  design system (no opacity-suffixed border tokens on surfaces).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

* ci: re-trigger checks (pg-real hit a Docker Hub registry timeout)

---------

Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

components/settings/SettingsModal.tsx

@@ -0,0 +1,56 @@
+'use client'
+
+import { useRouter } from 'next/navigation'
+import { useTranslations } from 'next-intl'
+import { useCompany } from '@/contexts/CompanyContext'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogTitle,
+} from '@/components/ui/dialog'
+import { SETTINGS_SECTIONS } from './sections'
+import { SettingsShell } from './SettingsShell'
+
+/**
+ * The settings popup. Rendered only by the intercepting route
+ * (`@settings/(.)settings/[[...section]]`) on in-app soft navigation, so its
+ * mere presence means "open". Closing pops the history entry that opened it,
+ * returning the user to the page they came from (which stayed mounted in the
+ * `children` slot behind the scrim). On hard load / refresh / deep-link the
+ * interceptor doesn't fire and the real full-page settings render instead.
+ */
+export function SettingsModal({ sectionId }: { sectionId?: string }) {
+  const router = useRouter()
+  const { company } = useCompany()
+  const t = useTranslations('settings_modal')
+
+  // Bare /settings (or an unknown section) defaults to company, or to account
+  // when there is no active company (the no-company escape hatch).
+  const resolved =
+    sectionId && SETTINGS_SECTIONS[sectionId]
+      ? sectionId
+      : company
+        ? 'company'
+        : 'account'
+
+  function onOpenChange(open: boolean) {
+    if (!open) router.back()
+  }
+
+  return (
+    <Dialog open onOpenChange={onOpenChange}>
+      <DialogContent
+        className="flex h-[100dvh] max-h-[100dvh] max-w-none flex-col gap-0 overflow-hidden rounded-none p-0 md:h-auto md:max-h-[85dvh] md:max-w-4xl md:rounded-lg"
+      >
+        <div className="flex shrink-0 items-center border-b border-border px-6 py-4">
+          <DialogTitle className="font-display text-lg tracking-tight">
+            {t('title')}
+          </DialogTitle>
+        </div>
+        <DialogDescription className="sr-only">{t('description')}</DialogDescription>
+        <SettingsShell variant="modal" activeSection={resolved} />
+      </DialogContent>
+    </Dialog>
+  )
+}