feat: 优化事件中心页面 重构后的文件结构

src/views/Community/
     ├── index.js (主组件，150行左右)
     ├── components/
     │   ├── EventTimelineCard.js (新增)
     │   ├── EventTimelineHeader.js (新增)
     │   ├── EventListSection.js (新增)
     │   ├── HotEventsSection.js (新增)
     │   ├── EventModals.js (新增)
     │   ├── UnifiedSearchBox.js (已有)
     │   ├── EventList.js (已有)
     │   └── ...
     └── hooks/
         ├── useEventFilters.js (新增)
         └── useEventData.js (新增)

src/views/Community/components/EventListSection.js

@@ -0,0 +1,65 @@
+// src/views/Community/components/EventListSection.js
+// 事件列表区域组件（包含Loading、Empty、List三种状态）
+
+import React from 'react';
+import {
+  Center,
+  VStack,
+  Spinner,
+  Text
+} from '@chakra-ui/react';
+import EventList from './EventList';
+
+/**
+ * 事件列表区域组件
+ * @param {boolean} loading - 加载状态
+ * @param {Array} events - 事件列表
+ * @param {Object} pagination - 分页信息
+ * @param {Function} onPageChange - 分页变化回调
+ * @param {Function} onEventClick - 事件点击回调
+ * @param {Function} onViewDetail - 查看详情回调
+ */
+const EventListSection = ({
+  loading,
+  events,
+  pagination,
+  onPageChange,
+  onEventClick,
+  onViewDetail
+}) => {
+  // Loading 状态
+  if (loading) {
+    return (
+      <Center py={10}>
+        <VStack>
+          <Spinner size="xl" color="blue.500" thickness="4px" />
+          <Text color="gray.500">正在加载最新事件...</Text>
+        </VStack>
+      </Center>
+    );
+  }
+
+  // Empty 状态
+  if (!events || events.length === 0) {
+    return (
+      <Center py={10}>
+        <VStack>
+          <Text fontSize="lg" color="gray.500">暂无事件数据</Text>
+        </VStack>
+      </Center>
+    );
+  }
+
+  // List 状态
+  return (
+    <EventList
+      events={events}
+      pagination={pagination}
+      onPageChange={onPageChange}
+      onEventClick={onEventClick}
+      onViewDetail={onViewDetail}
+    />
+  );
+};
+
+export default EventListSection;