fix: 优化模式切换体验和渲染逻辑

## 问题修复
1. 模式切换时不再闪现"暂无事件数据"
2. 模式切换按钮始终可见，不会因加载状态而隐藏

## 技术改进
- 将控制栏（模式切换+分页）提取到 EventScrollList 外层
- 使用 mode（立即同步）而非 currentMode（延迟一帧）检查缓存
- 优化渲染顺序：loading → 数据 → 空状态，避免闪烁

## 文件修改
- DynamicNewsCard.js: 添加控制栏导入，优化渲染逻辑
- EventScrollList.js: 移除重复的控制栏代码

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>

src/views/Community/components/DynamicNewsCard/EventScrollList.js

@@ -81,21 +81,6 @@ const EventScrollList = ({
 
   return (
     <Box>
-      {/* 顶部控制栏：模式切换按钮 + 分页控制器 */}
-      <Flex justify="space-between" align="center" mb={2}>
-        {/* 左侧：模式切换按钮 */}
-        <ModeToggleButtons mode={mode} onModeChange={onModeChange} />
-
-        {/* 右侧：分页控制器（仅在纵向模式显示） */}
-        {mode === 'vertical' && totalPages > 1 && (
-          <PaginationControl
-            currentPage={currentPage}
-            totalPages={totalPages}
-            onPageChange={onPageChange}
-          />
-        )}
-      </Flex>
-
       {/* 横向滚动区域 */}
       <Box position="relative">