feat: deliver P2 v0.2.0 with unified editor, search, and snapshots

Implement schema v2 migration, outline/setting/inspiration CRUD, unified TipTap editing, reference panel with mentions, FTS global search, chapter version history, writing landmarks, word frequency analysis, light theme contrast fixes, and full unit/E2E test coverage.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/renderer/components/settings/SettingsPage.tsx

@@ -48,25 +48,25 @@ export function SettingsPage(): React.JSX.Element {
         </div>
       </div>
       <div className="settings-content">
-        <h2 style={{ marginBottom: 20 }}>{t('settings.title')}</h2>
+        <h2 className="settings-heading">{t('settings.title')}</h2>
         {section === 'general' && (
           <>
             <div className="setting-item">
               <span>{t('settings.penName')}</span>
               <input
                 data-testid="settings-pen-name"
+                className="form-control form-control--narrow"
                 value={settings.penName}
                 onChange={(e) => void settings.update({ penName: e.target.value })}
-                style={{ width: 160, padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
               />
             </div>
             <div className="setting-item">
               <span>{t('settings.theme')}</span>
               <select
                 data-testid="settings-theme"
+                className="form-control"
                 value={settings.theme}
                 onChange={(e) => void settings.update({ theme: e.target.value as ThemeId })}
-                style={{ padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
               >
                 {THEMES.map((th) => (
                   <option key={th.id} value={th.id}>
@@ -79,9 +79,9 @@ export function SettingsPage(): React.JSX.Element {
               <span>{t('settings.language')}</span>
               <select
                 data-testid="settings-language"
+                className="form-control"
                 value={settings.language}
                 onChange={(e) => void settings.update({ language: e.target.value as Language })}
-                style={{ padding: '6px 8px', borderRadius: 4, border: '1px solid var(--border)', background: 'var(--bg-surface)', color: 'inherit' }}
               >
                 <option value="zh-CN">简体中文</option>
                 <option value="en">English</option>