Add dynamic apply wizard customization with admin settings UI

- Create wizard config types, utilities, and defaults (wizard-config.ts)
- Add admin apply settings page with drag-and-drop step ordering, dropdown
  option management, feature toggles, welcome message customization, and
  custom field builder with select/multiselect options editor
- Build dynamic apply wizard component with animated step transitions,
  mobile-first responsive design, and config-driven form validation
- Update step components to accept dynamic config (categories, ocean issues,
  field visibility, feature flags)
- Replace hardcoded enum validation with string-based validation for
  admin-configurable dropdown values, with safe enum casting at storage layer
- Add wizard template system (model, router, admin UI) with built-in
  MOPC Classic preset
- Add program wizard config CRUD procedures to program router
- Update application router getConfig to return wizardConfig, submit handler
  to store custom field data in metadataJson
- Add edition-based apply page, project pool page, and supporting routers
- Fix CSS (invalid sm:fixed-none), Enter key handler (skip textarea),
  safe area insets for notched phones, buildStepsArray field visibility

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/server/routers/wizard-template.ts

@@ -0,0 +1,76 @@
+import { z } from 'zod'
+import type { Prisma } from '@prisma/client'
+import { router, adminProcedure } from '../trpc'
+import { wizardConfigSchema } from '@/types/wizard-config'
+import { logAudit } from '../utils/audit'
+
+export const wizardTemplateRouter = router({
+  list: adminProcedure
+    .input(z.object({ programId: z.string().optional() }).optional())
+    .query(async ({ ctx, input }) => {
+      return ctx.prisma.wizardTemplate.findMany({
+        where: {
+          OR: [
+            { isGlobal: true },
+            ...(input?.programId ? [{ programId: input.programId }] : []),
+          ],
+        },
+        orderBy: { createdAt: 'desc' },
+        include: { creator: { select: { name: true } } },
+      })
+    }),
+
+  create: adminProcedure
+    .input(
+      z.object({
+        name: z.string().min(1).max(100),
+        description: z.string().max(500).optional(),
+        config: wizardConfigSchema,
+        isGlobal: z.boolean().default(false),
+        programId: z.string().optional(),
+      })
+    )
+    .mutation(async ({ ctx, input }) => {
+      const template = await ctx.prisma.wizardTemplate.create({
+        data: {
+          name: input.name,
+          description: input.description,
+          config: input.config as unknown as Prisma.InputJsonValue,
+          isGlobal: input.isGlobal,
+          programId: input.programId,
+          createdBy: ctx.user.id,
+        },
+      })
+
+      await logAudit({
+        prisma: ctx.prisma,
+        userId: ctx.user.id,
+        action: 'CREATE',
+        entityType: 'WizardTemplate',
+        entityId: template.id,
+        detailsJson: { name: input.name },
+        ipAddress: ctx.ip,
+        userAgent: ctx.userAgent,
+      })
+
+      return template
+    }),
+
+  delete: adminProcedure
+    .input(z.object({ id: z.string() }))
+    .mutation(async ({ ctx, input }) => {
+      await ctx.prisma.wizardTemplate.delete({ where: { id: input.id } })
+
+      await logAudit({
+        prisma: ctx.prisma,
+        userId: ctx.user.id,
+        action: 'DELETE',
+        entityType: 'WizardTemplate',
+        entityId: input.id,
+        ipAddress: ctx.ip,
+        userAgent: ctx.userAgent,
+      })
+
+      return { success: true }
+    }),
+})