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/suppliers/SupplierForm.tsx

@@ -243,7 +243,7 @@ export default function SupplierForm({
             />
           </div>
           <div className="space-y-2">
-            <Label htmlFor="default_currency">{t('default_account_label')}</Label>
+            <Label htmlFor="default_currency">{t('default_currency_label')}</Label>
             <Controller
               name="default_currency"
               control={control}

components/suppliers/SupplierInvoiceReviewContent.tsx

@@ -5,7 +5,7 @@ import { CalendarClock } from 'lucide-react'
 import { Badge } from '@/components/ui/badge'
 import { Separator } from '@/components/ui/separator'
 import { AccountNumber } from '@/components/ui/account-number'
-import { formatCurrency } from '@/lib/utils'
+import { formatCurrency, formatDate } from '@/lib/utils'
 import {
   resolveReverseChargeRate,
   isReverseChargeBasisAccount,
@@ -276,16 +276,16 @@ export function SupplierInvoiceReviewContent({
       <div className="grid grid-cols-2 sm:grid-cols-3 gap-3 sm:gap-4 text-sm">
         <div>
           <span className="text-muted-foreground">{t('invoice_date_label')}</span>
-          <p className="font-medium">{invoiceDate}</p>
+          <p className="font-medium">{formatDate(invoiceDate)}</p>
         </div>
         <div>
           <span className="text-muted-foreground">{t('due_date_label')}</span>
-          <p className="font-medium">{dueDate}</p>
+          <p className="font-medium">{formatDate(dueDate)}</p>
         </div>
         {deliveryDate && (
           <div>
             <span className="text-muted-foreground">{t('delivery_date_label')}</span>
-            <p className="font-medium">{deliveryDate}</p>
+            <p className="font-medium">{formatDate(deliveryDate)}</p>
           </div>
         )}
       </div>
@@ -380,21 +380,21 @@ export function SupplierInvoiceReviewContent({
       <div className="space-y-2 text-sm">
         <div className="flex justify-between">
           <span className="text-muted-foreground">{t('net_excl_vat')}</span>
-          <span>{formatCurrency(subtotal, currency)}</span>
+          <span className="tabular-nums">{formatCurrency(subtotal, currency)}</span>
         </div>
         <div className="flex justify-between">
           <span className="text-muted-foreground">{reverseCharge ? t('vat_reverse_charge') : t('vat_label_short')}</span>
-          <span>{formatCurrency(totalVat, currency)}</span>
+          <span className="tabular-nums">{formatCurrency(totalVat, currency)}</span>
         </div>
         <Separator />
         <div className="flex justify-between font-bold text-xl sm:text-2xl">
           <span>{t('total_label')}</span>
-          <span>{formatCurrency(total, currency)}</span>
+          <span className="tabular-nums">{formatCurrency(total, currency)}</span>
         </div>
         {currency !== 'SEK' && exchangeRate && (
           <div className="flex justify-between text-muted-foreground">
             <span>{t('review_sek_amount_at_rate', { rate: exchangeRate })}</span>
-            <span>{formatCurrency(total * parseFloat(exchangeRate))}</span>
+            <span className="tabular-nums">{formatCurrency(total * parseFloat(exchangeRate))}</span>
           </div>
         )}
       </div>