fix prediction market section

app/components/news.py

@@ -198,7 +198,8 @@ def display_scrollable_news_section(df: pd.DataFrame, section_title: str, sectio
         sentiment_color = sentiment_colors.get(news_item['sentiment'], '#787B86')
 
         # Escape HTML
-        summary = html_module.escape(news_item.get('summary', '').strip())
+        title = html_module.escape(str(news_item.get('title', '')).strip())
+        summary = html_module.escape(str(news_item.get('summary', '')).strip())
         source = html_module.escape(news_item['source'])
         category = html_module.escape(news_item['category'])
         url = html_module.escape(news_item['url'])
@@ -217,7 +218,8 @@ def display_scrollable_news_section(df: pd.DataFrame, section_title: str, sectio
 </div>
 <span style="color: #787B86; font-size: 11px; white-space: nowrap;">{time_ago}</span>
 </div>
-<div style="color: #D1D4DC; font-size: 14px; line-height: 1.5; margin-bottom: 8px; margin-left: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif;">{summary}</div>
+<div style="color: #E0E3EB; font-size: 14px; font-weight: 600; margin-bottom: 6px; margin-left: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif;">{title if title else summary}</div>
+<div style="color: #D1D4DC; font-size: 13px; line-height: 1.5; margin-bottom: 8px; margin-left: 8px; font-family: -apple-system, BlinkMacSystemFont, 'Trebuchet MS', Roboto, Ubuntu, sans-serif;">{summary if title else ''}</div>
 <a href="{url}" target="_blank" style="color: #3861FB; font-size: 12px; text-decoration: none; margin-left: 8px; display: inline-flex; align-items: center; gap: 4px; font-weight: 500;" onmouseover="this.style.color='#5880FF';" onmouseout="this.style.color='#3861FB';">Read Full Story →</a>
 </div>
 """