feat: complete Oracle and MariaDB WebView data layer

Web/index.html

@@ -33,7 +33,7 @@
 
       <div class="sidebar-status">
         <div class="status-row"><span class="status-dot ok"></span><span>Native Bridge</span><strong id="bridgeState">연결 중</strong></div>
-        <div class="status-row"><span class="status-dot warn"></span><span>Database</span><strong id="databaseState">미설정</strong></div>
+        <div class="status-row"><span id="databaseStateDot" class="status-dot pending"></span><span>Database</span><strong id="databaseState">확인 중</strong></div>
         <div class="runtime" id="runtimeLabel">.NET 8 · WinUI 3 · x64</div>
       </div>
     </aside>
@@ -54,7 +54,7 @@
       <section class="summary-strip" aria-label="마이그레이션 상태">
         <article><span class="metric-icon mint">✓</span><div><strong>WebView UI</strong><small>FarPoint 대체 기반</small></div><b>READY</b></article>
         <article><span class="metric-icon blue">71</span><div><strong>데이터 요청</strong><small>기존 SQL 계층 이관</small></div><b>MIGRATED</b></article>
-        <article><span class="metric-icon amber">DB</span><div><strong>Oracle · MariaDB</strong><small>안전한 어댑터 대기</small></div><b>PENDING</b></article>
+        <article id="databaseSummary"><span id="databaseSummaryIcon" class="metric-icon amber">DB</span><div><strong>Oracle · MariaDB</strong><small id="databaseSummaryDetail">연결 상태 확인 중</small></div><b id="databaseSummaryBadge">CHECKING</b></article>
         <article><span class="metric-icon violet">T2</span><div><strong>Tornado Engine</strong><small>x64 COM 검증 대기</small></div><b>PENDING</b></article>
       </section>
 
@@ -62,7 +62,7 @@
         <section class="panel catalog-panel">
           <div class="panel-header">
             <div><p class="panel-kicker">CUT CATALOG</p><h2>그래픽 항목</h2></div>
-            <span class="badge">Web UI</span>
+            <span id="catalogModeBadge" class="badge">Web UI</span>
           </div>
           <label class="search-box">
             <span>⌕</span>
@@ -75,6 +75,18 @@
             <button type="button" data-category="chart">차트</button>
             <button type="button" data-category="market">시장</button>
           </div>
+          <section id="liveDataPanel" class="live-data-panel" aria-labelledby="liveDataTitle" hidden>
+            <div class="live-data-header">
+              <div>
+                <p class="panel-kicker">LIVE DATABASE</p>
+                <h3 id="liveDataTitle">실시간 시장 데이터</h3>
+              </div>
+              <button id="retryLiveDataButton" class="live-retry" type="button">다시 조회</button>
+            </div>
+            <div id="databaseSources" class="database-sources" aria-label="데이터베이스 연결 상태"></div>
+            <div id="liveDataState" class="live-data-state" role="status" aria-live="polite"></div>
+            <div id="liveDataTables" class="live-data-tables"></div>
+          </section>
           <div id="catalogList" class="catalog-list" aria-live="polite"></div>
         </section>