Add economic calendar feature with n8n integration

- Add economic calendar tab with monthly view
- Display today's events in header
- Add weekly summary section
- Integrate with Forex Factory via n8n webhook
- Add Header Auth API authentication
- Add KST timezone conversion
- Add country filter (US, JP, CN)
- Add importance-based event styling
- Add more events modal for days with many events
- Update calendar grid to show up to 4 events per day
- Add n8n workflow configuration files

index.html

@@ -11,8 +11,12 @@
     <div class="container">
         <header class="header">
             <div class="title-section">
-                <h1>BTC/USDT Real-time Trading View</h1>
-                <select id="timeframe">
+                <h1>BTC/USDT</h1>
+                <nav class="tab-nav">
+                    <button class="tab-btn active" data-tab="chart">차트</button>
+                    <button class="tab-btn" data-tab="calendar">경제일정</button>
+                </nav>
+                <select id="timeframe" class="chart-only">
                     <option value="1m">1분</option>
                     <option value="5m">5분</option>
                     <option value="15m" selected>15분</option>
@@ -23,14 +27,19 @@
                     <option value="1M">1월</option>
                 </select>
             </div>
+            <div class="header-events" id="header-events">
+                <span class="header-events-loading">일정 로딩 중...</span>
+            </div>
             <div class="price-info">
                 <span id="current-price">--</span>
                 <span id="price-change">--</span>
             </div>
         </header>
 
-        <div class="main-content">
-            <div class="charts-container">
+        <!-- Chart Tab Content -->
+        <div class="tab-content active" id="chart-tab">
+            <div class="main-content">
+                <div class="charts-container">
                 <!-- Main Chart with Candlestick, MA, Bollinger Bands -->
                 <div class="chart-wrapper main-chart">
                     <div class="chart-header">
@@ -145,6 +154,46 @@
             </div>
         </div>
 
+            <!-- Weekly Calendar Summary (Bottom Bar) -->
+            <div class="weekly-summary">
+                <div class="weekly-summary-header">
+                    <span class="weekly-icon">📅</span>
+                    <span class="weekly-title">이번주 주요 일정</span>
+                    <button class="weekly-more-btn" id="show-calendar-btn">더보기 &gt;</button>
+                </div>
+                <div class="weekly-events" id="weekly-events">
+                    <span class="loading-text">일정 로딩 중...</span>
+                </div>
+            </div>
+        </div>
+
+        <!-- Economic Calendar Tab Content -->
+        <div class="tab-content" id="calendar-tab">
+            <div class="calendar-container">
+                <!-- Filters -->
+                <div class="calendar-filters">
+                    <div class="country-filters">
+                        <button class="country-btn active" data-country="all">전체</button>
+                        <button class="country-btn" data-country="US">🇺🇸 미국</button>
+                        <button class="country-btn" data-country="KR">🇰🇷 한국</button>
+                        <button class="country-btn" data-country="CN">🇨🇳 중국</button>
+                        <button class="country-btn" data-country="JP">🇯🇵 일본</button>
+                    </div>
+                    <div class="period-filter">
+                        <select id="calendar-period">
+                            <option value="week" selected>이번주</option>
+                            <option value="month">이번달</option>
+                        </select>
+                    </div>
+                </div>
+
+                <!-- Calendar List -->
+                <div class="calendar-list" id="calendar-list">
+                    <div class="loading-text">경제 일정 로딩 중...</div>
+                </div>
+            </div>
+        </div>
+
     </div>
 
     <script src="indicators.js"></script>