refactor: migrate remaining components to Design System v4

111 files across 14 directories: common, tree-editor, kb-accelerator,
copilot, assistant, analytics, library, procedural, procedural-editor,
public, script-editor, ui, admin, step-library.

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

frontend/src/components/common/PageHeader.tsx

@@ -25,11 +25,11 @@ export function PageHeader({
       <div className="flex items-start gap-3">
         {icon && <div className="shrink-0">{icon}</div>}
         <div>
-          <h1 className={cn('text-2xl font-bold font-heading text-foreground', titleClassName)}>
+          <h1 className={cn('text-2xl font-bold font-heading text-[#e2e5eb]', titleClassName)}>
             {title}
           </h1>
           {description && (
-            <p className={cn('mt-1 text-sm text-muted-foreground', descriptionClassName)}>
+            <p className={cn('mt-1 text-sm text-[#848b9b]', descriptionClassName)}>
               {description}
             </p>
           )}