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/tree-editor/TreeEditorLayout.tsx

@@ -46,11 +46,11 @@ export function TreeEditorLayout({
         <>
           {/* Code Mode: Monaco editor (60%) + Preview (40%) — unchanged */}
           <div className={cn(
-            'flex flex-col overflow-hidden border-border',
+            'flex flex-col overflow-hidden border-[#1e2130]',
             isMobile ? 'h-full w-full border-b' : 'w-3/5 border-r'
           )}>
             <Suspense fallback={
-              <div className="flex h-full items-center justify-center bg-card">
+              <div className="flex h-full items-center justify-center bg-[#14161d]">
                 <Spinner size="sm" className="h-6 w-6 border-t-foreground" />
               </div>
             }>