feat(client): event list

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

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

@@ -0,0 +1,61 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import { EventGridSkeleton } from '@/components/events/event-grid.skeleton';
+import { EventGridView } from '@/components/events/event-grid.view';
+
+const meta = {
+  title: 'Events/EventGrid',
+  component: EventGridView,
+} satisfies Meta<typeof EventGridView>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Primary: Story = {
+  args: {
+    events: [
+      {
+        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: () => { },
+      },
+      {
+        type: 'official',
+        coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-moonscape.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: () => { },
+      },
+      {
+        type: 'official',
+        coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nix-wallpaper-nineish-catppuccin-latte.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: () => { },
+      },
+      {
+        type: 'official',
+        coverImage: 'https://github.com/NixOS/nixos-artwork/blob/master/wallpapers/nixos-wallpaper-catppuccin-macchiato.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: () => { },
+      },
+    ],
+  },
+};
+
+export const Skeleton: Story = {
+  render: () => <EventGridSkeleton />,
+  args: {
+    events: [],
+  },
+};