feat(ui): add CodeBlock and CodeEditor components with Monaco and hljs

- add CodeBlock for read-only syntax-highlighted display (hljs, js/json)
- add CodeEditor wrapping Monaco editor with theme sync, focus state, and error state
- replace code textareas in snippet, credential, and step pages with CodeEditor
- replace code <pre> blocks in snippet and credential detail pages with CodeBlock
- make form cards full-width on pages with code editors
- add resize:vertical support to CodeEditor wrapper with automaticLayout

client/src/pages/scenario/ScenariosPage.tsx

@@ -1,7 +1,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useTranslation } from 'react-i18next';
-import { Play, Plus, Trash2, Upload } from 'lucide-react';
+import { Play, Plus, Trash2, Download } from 'lucide-react';
 import { parse as yamlParse } from 'yaml';
 import { scenarios } from '../../api';
 import type { Scenario } from '../../api';
@@ -99,7 +99,7 @@ export function ScenariosPage() {
             onChange={handleImport}
           />
           <Button variant="secondary" size="sm" onClick={() => fileInputRef.current?.click()}>
-            <Upload size={14} />
+            <Download size={14} />
             {t('scenarios.action_import')}
           </Button>
           <Button size="sm" onClick={() => navigate('/scenarios/new')}>