feat: reskin admin pages to zine design system

Migrate the entire admin section from the dark guild-* Tailwind theme
to the zine design system (dashed borders, CSS custom properties,
Brygada 1918 + Commit Mono, cream/dark mode palette).

- Replace admin top-nav layout with sidebar matching default layout
- Reskin dashboard, members, events, series management pages
- Reskin events/create and series/create form pages
- Add dev-only test login endpoint (GET /api/dev/test-login)
- Redirect duplicate admin/dashboard.vue to /admin
- Update CLAUDE.md design system docs

app/components/MemberStatusBanner.vue

@@ -1,62 +1,64 @@
 <template>
-  <div v-if="shouldShowBanner" class="w-full">
-    <div
-      :class="[
-        'backdrop-blur-sm border rounded-lg p-4 flex items-start gap-4',
-        statusConfig.bgColor,
-        statusConfig.borderColor,
-      ]"
-    >
-      <Icon
-        :name="statusConfig.icon"
-        :class="['w-5 h-5 flex-shrink-0 mt-0.5', statusConfig.textColor]"
-      />
+  <ClientOnly>
+    <div v-if="shouldShowBanner" class="w-full">
+      <div
+        :class="[
+          'backdrop-blur-sm border rounded-lg p-4 flex items-start gap-4',
+          statusConfig.bgColor,
+          statusConfig.borderColor,
+        ]"
+      >
+        <Icon
+          :name="statusConfig.icon"
+          :class="['w-5 h-5 flex-shrink-0 mt-0.5', statusConfig.textColor]"
+        />
 
-      <div class="flex-1 min-w-0">
-        <h3 :class="['font-semibold mb-1', statusConfig.textColor]">
-          {{ statusConfig.label }}
-        </h3>
-        <p :class="['text-sm', statusConfig.textColor, 'opacity-90']">
-          {{ bannerMessage }}
-        </p>
-      </div>
+        <div class="flex-1 min-w-0">
+          <h3 :class="['font-semibold mb-1', statusConfig.textColor]">
+            {{ statusConfig.label }}
+          </h3>
+          <p :class="['text-sm', statusConfig.textColor, 'opacity-90']">
+            {{ bannerMessage }}
+          </p>
+        </div>
 
-      <div class="flex items-center gap-2 flex-shrink-0">
-        <!-- Payment button for pending payment status -->
-        <UButton
-          v-if="isPendingPayment && nextAction"
-          :color="getButtonColor(nextAction.color)"
-          size="sm"
-          :loading="isProcessingPayment"
-          @click="handleActionClick"
-          class="whitespace-nowrap"
-        >
-          {{ isProcessingPayment ? "Processing..." : nextAction.label }}
-        </UButton>
+        <div class="flex items-center gap-2 flex-shrink-0">
+          <!-- Payment button for pending payment status -->
+          <UButton
+            v-if="isPendingPayment && nextAction"
+            :color="getButtonColor(nextAction.color)"
+            size="sm"
+            :loading="isProcessingPayment"
+            @click="handleActionClick"
+            class="whitespace-nowrap"
+          >
+            {{ isProcessingPayment ? "Processing..." : nextAction.label }}
+          </UButton>
 
-        <!-- Link button for other actions -->
-        <NuxtLink
-          v-else-if="nextAction && nextAction.link"
-          :to="nextAction.link"
-          :class="[
-            'px-4 py-2 rounded-lg font-medium text-sm whitespace-nowrap transition-all',
-            getActionButtonClass(nextAction.color),
-          ]"
-        >
-          {{ nextAction.label }}
-        </NuxtLink>
+          <!-- Link button for other actions -->
+          <NuxtLink
+            v-else-if="nextAction && nextAction.link"
+            :to="nextAction.link"
+            :class="[
+              'px-4 py-2 rounded-lg font-medium text-sm whitespace-nowrap transition-all',
+              getActionButtonClass(nextAction.color),
+            ]"
+          >
+            {{ nextAction.label }}
+          </NuxtLink>
 
-        <button
-          v-if="dismissible"
-          @click="isDismissed = true"
-          class="text-guild-400 hover:text-guild-200 transition-colors"
-          :aria-label="`Dismiss ${statusConfig.label} banner`"
-        >
-          <Icon name="heroicons:x-mark" class="w-5 h-5" />
-        </button>
+          <button
+            v-if="dismissible"
+            @click="isDismissed = true"
+            class="text-guild-400 hover:text-guild-200 transition-colors"
+            :aria-label="`Dismiss ${statusConfig.label} banner`"
+          >
+            <Icon name="heroicons:x-mark" class="w-5 h-5" />
+          </button>
+        </div>
       </div>
     </div>
-  </div>
+  </ClientOnly>
 </template>
 
 <script setup>