feat(admin): add initial admin dashboard structure

This commit introduces the foundational structure for the new admin dashboard.

- Utilizes @nuxt/ui to build the dashboard layout, including a collapsible sidebar and navigation.
- Adds initial pages for the dashboard, news, events, and hall of fame management.
- Implements a composable `useDashboardSidebarLinks` for managing sidebar navigation.
- Refactors the default layout by integrating the header and footer directly.
- Swaps the primary and secondary theme colors across the application.

app/components/index/Donate.vue

@@ -1,10 +1,10 @@
 <template>
   <div>
     <!-- 捐赠模块 -->
-    <section id="donate" class="py-16 text-center bg-[var(--color-primary)]">
+    <section id="donate" class="py-16 text-center bg-secondary">
       <h3 class="text-2xl font-bold text-gray-900 mb-4">支持与捐赠（功能未开放）</h3>
       <p class="max-w-2xl mx-auto text-gray-700 mb-6">您的捐赠将用于奖学金、校园建设及校友活动发展。感谢您对母校的支持！</p>
-      <a href="#" class="bg-[var(--color-secondary)] text-white px-8 py-3 rounded-xl shadow hover:opacity-90">立即捐赠</a>
+      <a href="#" class="bg-primary text-white px-8 py-3 rounded-xl shadow hover:opacity-90">立即捐赠</a>
     </section>
   </div>
 </template>

app/components/index/Events.vue

@@ -11,7 +11,7 @@
               <h4 class="font-semibold text-lg mb-2">{{ event.title }}</h4>
               <p class="text-sm text-gray-600 mb-1">日期：{{ useChineseDateFormat(event.date) }}</p>
               <p class="text-sm text-gray-600 mb-4">地点：{{ event.location }}</p>
-              <a :href="event.path" class="bg-secondary text-white px-5 py-2 rounded-lg hover:opacity-90">阅读详情</a>
+              <a :href="event.path" class="bg-primary text-white px-5 py-2 rounded-lg hover:opacity-90">阅读详情</a>
             </div>
           </div>
         </div>

app/components/index/HallOfFame.vue

@@ -5,7 +5,7 @@
         <h3 class="text-2xl font-bold text-center text-gray-900 mb-6">名人堂</h3>
         <div class="grid md:grid-cols-4 gap-6">
           <div v-for="person in persons" :key="person.id" class="flex flex-col items-center cursor-pointer transition hover:scale-105 hover:drop-shadow-2xl hover:-translate-y-1" @click="jumpToPersonIntro(person.path)">
-            <img :src="person.photo" :alt="person.name" class="w-40 rounded-full border-secondary border-4" />
+            <img :src="person.photo" :alt="person.name" class="w-40 rounded-full border-primary border-4" />
             <h4 class="text-lg font-bold">{{ person.name }}</h4>
             <p class="text-sm text-gray-500">{{ person.title }}</p>
           </div>

app/components/index/Hero.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <!-- Hero Banner -->
-    <section class="relative bg-primary py-32 md:py-48 lg:py-64 text-center bg-cover bg-center"
+    <section class="relative bg-secondary py-32 md:py-48 lg:py-64 text-center bg-cover bg-center"
       style="background-image: url('/hero-image.jpg');">
       <!-- 遮罩 -->
       <div class="absolute inset-0 bg-black/40"></div>
@@ -15,7 +15,7 @@
           马来西亚柔佛永平中学校友会官方网站
         </p>
         <div class="mt-6 space-x-4">
-          <a href="/join-us" class="bg-secondary text-white px-6 py-3 rounded-xl shadow hover:opacity-90">
+          <a href="/join-us" class="bg-primary text-white px-6 py-3 rounded-xl shadow hover:opacity-90">
             立即加入我们
           </a>
           <!-- <a href="#donate"

app/components/index/News.vue

@@ -5,11 +5,11 @@
       <h2 class="text-2xl font-bold text-gray-900 mb-6">最新新闻与公告</h2>
       <div class="grid md:grid-cols-3 gap-6">
         <article v-for="n in news" :key="n.id" @click="jumpToNewsDetail(n.stem)"
-          class="bg-primary/10 rounded-xl shadow cursor-pointer transition transform hover:-translate-y-1 hover:scale-105 hover:shadow-xl duration-300 ease-in-out">
+          class="bg-secondary/10 rounded-xl shadow cursor-pointer transition transform hover:-translate-y-1 hover:scale-105 hover:shadow-xl duration-300 ease-in-out">
           <img class="rounded-xl" :src="n.cover" :alt="n.title">
           <div class="p-5">
             <h3 class="font-semibold mb-2">{{ n.title }}</h3>
-            <div class="px-1 w-max bg-primary/25 border-primary border-2 rounded-xl text-secondary text-sm mb-2">{{
+            <div class="px-1 w-max bg-secondary/25 border-secondary border-2 rounded-xl text-primary text-sm mb-2">{{
               useChineseDateFormat(n.date) }}</div>
             <p class="text-sm text-gray-600">{{ n.description }}</p>
           </div>