feat(members): add member ID to members list

This commit introduces a 'Member ID' column to the members table, making it the first column for easy reference.

- The member data schema and sample CSV have been updated to include the `memberId`.
- The members page now displays the `memberId` for each member.
- Additionally, a version query string has been added to the hero image URL to force a cache refresh.

app/pages/index.vue

@@ -4,7 +4,7 @@
     <UPageHero
       class="bg-cover bg-center"
       style="
-        background-image: url(&quot;/hero-image-2.jpg&quot;);
+        background-image: url(&quot;/hero-image-2.jpg?v=2&quot;);
         background-position-y: -40px;
         background-repeat: no-repeat;
         background-color: rgba(255, 255, 255, 0.5); /* Semi-transparent black */

app/pages/members/index.vue

@@ -15,16 +15,17 @@ import { z } from "zod";
 
 useSeoMeta({
   title: "会员总览",
-  description: "永平中学校友会会员总览，查询每位校友的毕业年份、届别、加入年份与现居国家。",
+  description:
+    "永平中学校友会会员总览，查询每位校友的毕业年份、届别、加入年份与现居国家。",
   keywords: "永平中学校友会, 校友会员, 毕业届别, 会员名录, 校友查询",
   ogTitle: "永平中学校友会会员总览",
-  ogDescription:
-    "浏览永平中学校友会会员资料，了解各届校友的分布与加入年份。",
+  ogDescription: "浏览永平中学校友会会员资料，了解各届校友的分布与加入年份。",
   // ogImage: "/members/ogImage.png",
   ogType: "website",
-})
+});
 
 const MemberSchema = z.object({
+  memberId: z.string(),
   chineseName: z.string(),
   englishName: z.string(),
   // ic: z.string(),
@@ -51,6 +52,10 @@ const { data: members } = await useAsyncData("members", async () => {
 });
 
 const columns: TableColumn<Member>[] = [
+  {
+    accessorKey: "memberId",
+    header: "会员编号",
+  },
   {
     accessorKey: "chineseName",
     header: "中文姓名",