UI badge cleanup + /chart-of-accounts route + loop skills (#850)

Bundles three separable concerns:

- style(ui): badge audit + cleanup across 45 files — real-status chips use Badge variants (raw Tailwind colors dropped), non-status count/type/label chips demoted to muted text, clustered badges consolidated; 20 unused imports removed.
- feat(bookkeeping): Kontoplan moved to a dedicated /chart-of-accounts route (nav + command palette wired); /bookkeeping shows the journal list only.
- chore(skills): loop-* automation skills + design-scan workflow under .claude/.

fix(reports): restored the destructive count badge on blocking errors in the periodisk sammanställning (EC Sales List) — a genuine status cue the audit had wrongly flattened; flagged by the PR reviewer and Swedish compliance bot, now clean.

All CI green; compliance bots report no findings.

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

components/onboarding/Step3ExtensionSuggestions.tsx

@@ -6,9 +6,16 @@ import { Switch } from '@/components/ui/switch'
 import { cn } from '@/lib/utils'
 import { getSector } from '@/lib/extensions/sectors'
 import { resolveIcon } from '@/lib/extensions/icon-resolver'
-import CategoryBadge from '@/components/extensions/CategoryBadge'
+import { useTranslations } from 'next-intl'
 import { ArrowRight, Loader2 } from 'lucide-react'
-import type { SectorSlug, ExtensionDefinition } from '@/lib/extensions/types'
+import type { SectorSlug, ExtensionDefinition, ExtensionCategory } from '@/lib/extensions/types'
+
+const CATEGORY_LABEL_KEY: Record<ExtensionCategory, string> = {
+  accounting: 'category_accounting',
+  reports: 'category_reports',
+  import: 'category_import',
+  operations: 'category_operations',
+}
 
 interface Step3Props {
   sectorSlug: string | null
@@ -18,6 +25,7 @@ interface Step3Props {
 }
 
 export default function Step3ExtensionSuggestions({ sectorSlug, onNext, onBack, isSaving }: Step3Props) {
+  const tExt = useTranslations('extensions')
   const generalSector = getSector('general')
   const selectedSector = sectorSlug ? getSector(sectorSlug as SectorSlug) : null
 
@@ -90,7 +98,9 @@ export default function Step3ExtensionSuggestions({ sectorSlug, onNext, onBack,
                     <div className="min-w-0">
                       <div className="flex items-center gap-2">
                         <p className="text-sm font-medium">{ext.name}</p>
-                        <CategoryBadge category={ext.category} />
+                        <span className="text-[10px] text-muted-foreground">
+                          {tExt(CATEGORY_LABEL_KEY[ext.category])}
+                        </span>
                       </div>
                       <p className="text-xs text-muted-foreground line-clamp-1">{ext.description}</p>
                     </div>