feat(ui): implement responsive header and update content

Adds a responsive header with a mobile navigation menu to improve usability on small screens. This also includes adding a new event page, updating an existing event with a schedule, and refactoring the 'Donate' CTA by
inlining it on the homepage.

app/pages/index.vue

@@ -20,13 +20,21 @@
 
     <IndexEvents />
     <IndexHallOfFame />
-    <IndexDonate />
+
+    <!-- 捐赠模块 -->
+    <UPageCTA
+      class="bg-secondary"
+      title="支持与捐赠（功能暂未开放）"
+      description="您的捐赠将用于奖学金、校园建设及校友活动发展。感谢您对母校的支持！"
+      :links="donationLinks"
+    />
+
     <IndexAbout />
   </div>
 </template>
 
 <script lang="ts" setup>
-import type { BlogPostProps, PageCardProps } from "@nuxt/ui";
+import type { BlogPostProps } from "@nuxt/ui";
 
 const heroCta = ref([
   {
@@ -56,11 +64,9 @@ const newsPost = computed<BlogPostProps[]>(() =>
 );
 
 // ========================================================
-// 活动模块
+// 捐赠模块
 // ========================================================
-const { data: events } = await useAsyncData("events", () =>
-  queryCollection("events").order("date", "DESC").limit(3).all()
-);
+const donationLinks = ref([{ label: "立即捐赠", icon: "mdi:cash" }]);
 </script>
 
 <style></style>