Add distributed settings and workspace import/export (M5)

src/main.tsx

@@ -2,6 +2,7 @@ import { createRoot } from 'react-dom/client';
 import { App } from './app/App';
 import { initPanes, wirePanes } from './app/orchestration/panes';
 import { initPreviewFitMode, wirePreviewFitMode } from './app/orchestration/preferences';
+import { initSettings, wireSettings } from './app/orchestration/settings';
 import { initApp } from './app/orchestration/startup';
 import { initTheme, wireTheme } from './app/orchestration/theme';
 import '../styles/base.css';
@@ -19,6 +20,12 @@ wirePreviewFitMode();
 initPanes();
 wirePanes();
 
+// Hydrate + persist the full UserSettings record (editor / performance /
+// formatting) before render, so the editor, preview, and library read the user's
+// settings from the first paint (spec §07 → Startup load).
+initSettings();
+wireSettings();
+
 // Load the library from IndexedDB (seeding a sample on first run) and wire
 // persistence. Fire-and-forget: the UI renders immediately and fills in when
 // hydration resolves.