feat(client): add KYC for event joining

Signed-off-by: Noa Virellia <noa@requiem.garden>

client/cms/src/stories/events/event-card.stories.tsx

@@ -1,6 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { EventCardSkeleton } from '@/components/events/event-card.skeleton';
 import { EventCardView } from '@/components/events/event-card.view';
+import { Button } from '@/components/ui/button';
 
 const meta = {
   title: 'Events/EventCard',
@@ -12,25 +13,35 @@ type Story = StoryObj<typeof meta>;
 
 export const Primary: Story = {
   args: {
-    type: 'official',
-    coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-watersplash.png?raw=true',
-    eventName: 'Nix CN Conference 26.05',
-    description: 'Event Description',
-    startTime: new Date('2026-06-13T04:00:00.000Z'),
-    endTime: new Date('2026-06-14T04:00:00.000Z'),
-    onJoinEvent: () => { },
+    eventInfo: {
+      eventId: '1',
+      type: 'official',
+      requireKyc: true,
+      isJoined: false,
+      coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-watersplash.png?raw=true',
+      eventName: 'Nix CN Conference 26.05',
+      description: 'Event Description',
+      startTime: new Date('2026-06-13T04:00:00.000Z'),
+      endTime: new Date('2026-06-14T04:00:00.000Z'),
+    },
+    actionFooter: <Button className="w-full">加入活动（示例）</Button>,
   },
 };
 
 export const Loading: Story = {
   render: () => <EventCardSkeleton />,
   args: {
-    type: 'official',
-    coverImage: '',
-    eventName: '',
-    description: '',
-    startTime: new Date(0),
-    endTime: new Date(0),
-    onJoinEvent: () => { },
+    eventInfo: {
+      eventId: '1',
+      type: 'official',
+      requireKyc: true,
+      coverImage: '',
+      isJoined: false,
+      eventName: '',
+      description: '',
+      startTime: new Date(0),
+      endTime: new Date(0),
+    },
+    actionFooter: <Button className="w-full">加入活动（示例）</Button>,
   },
 };