style(ui): system-wide UX/UI polish pass — design-system conformance + copy cleanup (#835)

* style(ui): system-wide UX/UI polish pass — design-system conformance + copy cleanup

Multi-agent scan of all 404 UI files against the locked design system, then
141 verified surgical fixes across 109 files (net -32 lines):

- Remove forbidden elevation/motion: shadow-* and rounded-xl on cards, active:scale
  bounce, hover:shadow on list items, transition-all -> transition-colors.
- Drop font-medium from single-weight Hedvig display headings/numerals.
- Replace raw rainbow Tailwind status colors with Badge variants / brand tokens /
  neutral surfaces (achromatic chrome, semantic colors stay data-only).
- Route raw dates through formatDate(), hand-rolled currency through formatCurrency(),
  add tabular-nums to financial figures; text-gray-* -> text-foreground tokens.
- Swap hand-rolled skeletons for the Skeleton primitive; off-scale spacing -> token scale.
- Fix copy: mislabeled "Leverantörsfakturor" -> "Utgifter" on bank-import outflow total,
  collapse no-op identical-branch ternaries, broken Swedish diacritics (mojibake),
  correct mismatch-password toast, correct supplier currency-field label.
- Remove PII-leaking debug console.log on register, stray console.logs.

Verified: tsc clean on all changed files, eslint clean, production build passes.

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

* fix(auth): sanitize residual error logs in register flow

Follow-up to PR review (compliance swarm V16 / GDPR Art.5(1)(f)): the
remaining console.error calls in the register flow passed raw error
objects, which Supabase may populate with PII (email) in nested fields.
Log only sanitized message strings instead.

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

---------

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

components/bookkeeping/CorrectionChain.tsx

@@ -5,7 +5,7 @@ import { useTranslations } from 'next-intl'
 import { Badge } from '@/components/ui/badge'
 import { Info } from 'lucide-react'
 import JournalEntryStatusBadge from '@/components/bookkeeping/JournalEntryStatusBadge'
-import { formatDate } from '@/lib/utils'
+import { formatDate, formatCurrency } from '@/lib/utils'
 import { formatVoucher } from '@/lib/bookkeeping/voucher-series-resolver'
 import type { JournalEntry, JournalEntryLine } from '@/types'
 
@@ -89,7 +89,7 @@ export default function CorrectionChain({ currentEntryId, chain }: Props) {
                     </Badge>
                   )}
                   <span className="ml-auto text-sm tabular-nums text-muted-foreground">
-                    {total.toLocaleString('sv-SE', { minimumFractionDigits: 2 })} kr
+                    {formatCurrency(total)}
                   </span>
                 </div>
                 {entry.description && (

components/bookkeeping/DocumentUploadZone.tsx

@@ -207,7 +207,7 @@ export default function DocumentUploadZone({
       <div
         className={`
           relative border-2 border-dashed rounded-lg text-center transition-colors
-          ${compact ? 'p-3' : 'p-5'}
+          ${compact ? 'p-3' : 'p-6'}
           ${isDragging ? 'border-primary bg-primary/5' : 'border-muted-foreground/25'}
           ${disabled ? 'pointer-events-none opacity-50' : 'cursor-pointer hover:border-primary/50'}
         `}
@@ -281,6 +281,7 @@ export default function DocumentUploadZone({
               <Button
                 variant="ghost"
                 size="sm"
+                aria-label="Ta bort fil"
                 className="h-6 w-6 p-0 shrink-0"
                 onClick={(e) => {
                   e.stopPropagation()

components/bookkeeping/JournalEntryReviewContent.tsx

@@ -3,6 +3,7 @@
 import { Badge } from '@/components/ui/badge'
 import { AccountNumber } from '@/components/ui/account-number'
 import { CheckCircle2, Paperclip } from 'lucide-react'
+import { formatDate } from '@/lib/utils'
 
 interface ReviewLine {
   account_number: string
@@ -58,7 +59,7 @@ export function JournalEntryReviewContent({
           {!hideDate && (
             <div>
               <span className="text-muted-foreground">Datum</span>
-              <p className="font-medium">{entryDate}</p>
+              <p className="font-medium">{formatDate(entryDate)}</p>
             </div>
           )}
           {voucherSeries && (
@@ -84,7 +85,7 @@ export function JournalEntryReviewContent({
       {(showBalanceBadge || (attachmentCount != null && attachmentCount > 0)) && (
         <div className="flex items-center gap-2">
           {showBalanceBadge && (
-            <Badge className="bg-success/10 text-success">
+            <Badge variant="success">
               <CheckCircle2 className="h-3 w-3 mr-1" />
               Debet = Kredit
             </Badge>
@@ -92,7 +93,7 @@ export function JournalEntryReviewContent({
           {attachmentCount != null && attachmentCount > 0 && (
             <Badge variant="outline">
               <Paperclip className="h-3 w-3 mr-1" />
-              {attachmentCount} {attachmentCount === 1 ? 'underlag' : 'underlag'}
+              {attachmentCount} underlag
             </Badge>
           )}
         </div>

components/bookkeeping/year-end/AccrualsStep.tsx

@@ -308,7 +308,7 @@ function ManualEntryEditor({
           {entry.kind === 'manual_prepaid_expense' && 'Förutbetald kostnad'}
           {entry.kind === 'manual_accrued_expense' && 'Upplupen kostnad'}
         </p>
-        <Button variant="ghost" size="sm" onClick={onRemove} className="h-7 px-2">
+        <Button variant="ghost" size="sm" aria-label="Ta bort post" onClick={onRemove} className="h-7 px-2">
           <Trash2 className="h-3.5 w-3.5" />
         </Button>
       </div>