style(design-system): apply typography/spacing/radius tokens to shared/ui component library

Normalized the 18 shared/ui components (button, input, select, badge,
card, section-card, table, dialog, empty-state, form-field, pagination,
toggle, image-field, key-value-editor, locale-tabs, color-picker,
code-editor, skeleton) — these are the reusable primitives consumed
across storefront/builder/backoffice — to use the new
--font-size-*/--font-weight-*/--line-height-* tokens and the
--radius-xs/--radius-full tokens introduced in the previous commit,
replacing one-off literal values (0.875rem, 13px, 999px, 12px, etc.).

Fixes found along the way:
- code-editor.component.scss: focus border/shadow used a hardcoded
  #497671 (the dexar tenant's primary color) instead of
  var(--primary-color) — would not adapt to the lavero/novo tenant
  themes. Now theme-aware.
- section-card.component.scss used raw 16px/18px/14px radius/padding
  instead of the --radius-lg/--space-* tokens the sibling card
  component already used, so cards and section-cards had slightly
  different rounding/padding for no reason. Aligned to the same scale.
- toggle/badge/item-tag: raw 999px pill radius replaced with the new
  --radius-full token.

Deferred: syntax-highlighting colors in code-editor (.cm-*) are
intentional and left untouched; tenant brand colors in the three
theme.scss files are intentional per-tenant palettes, left untouched.

src/app/shared/ui/code-editor/code-editor.component.scss

@@ -5,7 +5,7 @@
 .code-editor {
   position: relative;
   border: 1px solid var(--border-color, #d3dad9);
-  border-radius: 10px;
+  border-radius: var(--radius-md, 12px);
   overflow: hidden;
 }
 
@@ -14,17 +14,17 @@
 }
 
 .code-editor--focused {
-  border-color: #497671;
-  box-shadow: 0 0 0 2px rgba(73, 118, 113, 0.15);
+  border-color: var(--primary-color, #497671);
+  box-shadow: 0 0 0 2px color-mix(in srgb, var(--primary-color, #497671) 15%, transparent);
 }
 
 .code-editor-highlight,
 .code-editor-input {
   margin: 0;
-  padding: 10px 12px;
+  padding: var(--space-sm, 0.5rem) var(--space-sm, 0.75rem);
   font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-  font-size: 13px;
-  line-height: 1.5;
+  font-size: var(--font-size-sm, 0.8125rem);
+  line-height: var(--line-height-normal, 1.5);
   white-space: pre;
   overflow: auto;
 }