상세분석 레포르 알림목록, 분석레포트 화면에 기능적용

frontend/src/components/analysisReport/AnalysisReportPage.tsx

@@ -146,26 +146,26 @@ export function AnalysisReportPage({ theme = 'dark' }: Props) {
   if (loading) {
     return (
       <div className={`arp-page se-page se-page--${theme}`}>
-        <header className="arp-header">
-          <h1 className="arp-header-title">분석레포트</h1>
+        <header className="btd-header">
+          <h1 className="btd-header-title">분석레포트</h1>
         </header>
-        <div className="arp-loading">데이터 로딩…</div>
+        <div className="btd-loading">데이터 로딩…</div>
       </div>
     );
   }
 
   return (
     <div className={`arp-page se-page se-page--${theme}`}>
-      <header className="arp-header">
-        <div className="arp-header-brand">
-          <h1 className="arp-header-title">분석레포트</h1>
-          <span className="arp-header-sub">TradingReport UI Design · 10 Variations</span>
+      <header className="btd-header">
+        <div className="btd-header-brand">
+          <h1 className="btd-header-title">분석레포트</h1>
+          <span className="btd-header-sub">Golden Analysis Command Center</span>
         </div>
-        <div className="arp-header-actions">
-          <button type="button" className="arp-btn" onClick={() => void fetchAll()}>새로고침</button>
+        <div className="btd-header-actions">
+          <button type="button" className="btd-btn btd-btn--ghost" onClick={() => void fetchAll()}>새로고침</button>
           <button
             type="button"
-            className="arp-btn arp-btn--gold"
+            className="btd-btn btd-btn--gold"
             disabled={!reportModel}
             onClick={() => setReportOpen(true)}
           >
@@ -221,6 +221,21 @@ export function AnalysisReportPage({ theme = 'dark' }: Props) {
                 <span className="arp-type-tab-name">{t.tabLabel.replace(/^\d+\s*/, '')}</span>
               </button>
             ))}
+            <div className="arp-type-tabs-end">
+              <button
+                type="button"
+                className="arp-tab-report-btn"
+                disabled={!reportModel}
+                title="상세분석 레포트"
+                onClick={() => setReportOpen(true)}
+              >
+                <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">
+                  <rect x="3" y="3" width="18" height="18" rx="2"/>
+                  <line x1="3" y1="9" x2="21" y2="9"/>
+                  <line x1="9" y1="21" x2="9" y2="9"/>
+                </svg>
+              </button>
+            </div>
           </div>
           <div className="arp-viewport">
             <AnalysisReportViews