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/onboarding/BankIdCompanyPicker.tsx

@@ -114,7 +114,7 @@ export default function BankIdCompanyPicker({
   return (
     <div className="stagger-enter">
       <header className="mb-10">
-        <h1 className="font-display text-2xl md:text-3xl font-medium tracking-tight">
+        <h1 className="font-display text-2xl md:text-3xl tracking-tight">
           {greeting}{firstName ? `, ${firstName}` : ''}
         </h1>
         <p className="text-muted-foreground text-sm mt-1.5">

components/onboarding/Step1EntityType.tsx

@@ -68,7 +68,7 @@ export default function Step1EntityType({ initialData, onNext, isSaving }: Step1
             >
               <Card
                 className={cn(
-                  'relative p-4 transition-all',
+                  'relative p-4 transition-colors',
                   option.disabled
                     ? 'opacity-50 cursor-not-allowed'
                     : 'cursor-pointer hover:border-primary/50',
@@ -77,7 +77,7 @@ export default function Step1EntityType({ initialData, onNext, isSaving }: Step1
               >
                 <div className="flex items-start gap-4">
                   <div className={cn(
-                    'p-2.5 rounded-lg',
+                    'p-2 rounded-lg',
                     isSelected ? 'bg-primary/10' : 'bg-muted/50'
                   )}>
                     <Icon className={cn(

components/onboarding/Step2CompanyDetails.tsx

@@ -288,7 +288,7 @@ export default function Step2CompanyDetails({
             </div>
 
             <div className="pt-4 border-t">
-              <h3 className="font-medium mb-4">{t('step2_address_heading')}</h3>
+              <h3 className="mb-4">{t('step2_address_heading')}</h3>
 
               <div className="space-y-4">
                 <div className="space-y-2">

components/onboarding/Step2SectorSelection.tsx

@@ -22,7 +22,7 @@ export default function Step2SectorSelection({ onNext, onBack, isSaving }: Step2
   return (
     <div className="space-y-6">
       <div>
-        <h2 className="text-lg font-semibold">Vilken bransch verkar du inom?</h2>
+        <h2 className="text-lg">Vilken bransch verkar du inom?</h2>
         <p className="text-sm text-muted-foreground mt-1">
           Vi anpassar verktyg och tillägg baserat på din bransch. Du kan alltid ändra detta senare.
         </p>
@@ -36,7 +36,7 @@ export default function Step2SectorSelection({ onNext, onBack, isSaving }: Step2
             <Card
               key={sector.slug}
               className={cn(
-                'cursor-pointer transition-all',
+                'cursor-pointer transition-colors',
                 isSelected
                   ? 'border-primary ring-2 ring-primary/20'
                   : 'hover:border-primary/50'

components/onboarding/Step3TaxRegistration.tsx

@@ -347,7 +347,7 @@ export default function Step3TaxRegistration({
                       className="text-left"
                     >
                       <Card className={cn(
-                        'p-3 transition-all cursor-pointer hover:border-primary/50',
+                        'p-3 transition-colors cursor-pointer hover:border-primary/50',
                         field.value && 'border-primary ring-2 ring-primary/20'
                       )}>
                         <div className="flex items-center justify-between">
@@ -369,7 +369,7 @@ export default function Step3TaxRegistration({
                       className="text-left"
                     >
                       <Card className={cn(
-                        'p-3 transition-all cursor-pointer hover:border-primary/50',
+                        'p-3 transition-colors cursor-pointer hover:border-primary/50',
                         !field.value && 'border-primary ring-2 ring-primary/20'
                       )}>
                         <div className="flex items-center justify-between">

components/onboarding/Step4VatAccounting.tsx

@@ -127,7 +127,7 @@ export default function Step4VatAccounting({
           })} className="space-y-6">
             {/* VAT section */}
             <div className="space-y-4">
-              <h3 className="font-medium flex items-center gap-2">
+              <h3 className="flex items-center gap-2">
                 <InfoTooltip
                   content={
                     <div className="space-y-2">