feat: comprehensive CMS improvements

- Fix DOMPurify SSR crash (use isomorphic-dompurify)
- Fix SanitizedHtml to sanitize by default
- Add auth guards to studio/catalog maintenance pages
- Add update/edit to vouchers CRUD
- Add update/edit to rare-values CRUD
- Add approve workflow to applications page
- Add edit form to guilds detail page
- Add SEO metadata to all public pages (21 pages)
- Fix mobile nav accessibility (focus trap, aria attributes)
- Fix missing labels and table accessibility
- Add dynamic imports for heavy client components (6 components)
- Fix silent error swallowing (40+ locations)
- Add content scheduling for articles (publishAt, status)
- Wire up 12 missing webhook notification triggers
- Add global search to admin panel
- Add bulk actions to admin users table
- Fix JSON formatting and a11y issues

src/app/admin/rare-values/page.tsx

@@ -6,6 +6,8 @@ import {
 	createValue,
 	deleteCategory,
 	deleteValue,
+	updateCategory,
+	updateValue,
 } from "@/actions/admin-rare-values";
 import { StatusCard } from "@/components/admin/dashboard";
 import { Button } from "@/components/ui/button";
@@ -120,12 +122,49 @@ export default async function AdminRareValues() {
 										{t("itemCount", { count: rows.length })}
 									</span>
 								</div>
-								<form action={deleteCategory}>
-									<input type="hidden" name="id" value={catId} />
-									<Button type="submit" variant="destructive">
-										{t("deleteCategory")}
-									</Button>
-								</form>
+								<div className="flex gap-2 items-center">
+									<details className="group">
+										<summary className="cursor-pointer list-none text-xs font-bold text-[var(--admin-accent)] hover:underline">
+											{t("editCategory")}
+										</summary>
+										<form
+											action={updateCategory}
+											className="mt-2 flex gap-2 flex-wrap"
+										>
+											<input type="hidden" name="id" value={catId} />
+											<input
+												name="name"
+												defaultValue={cat.name}
+												placeholder={t("categoryForm.namePlaceholder")}
+												required
+												className="flex-1 min-w-[140px]"
+											/>
+											<input
+												name="badge"
+												defaultValue={cat.badge}
+												placeholder={t("badgePlaceholder")}
+												required
+											/>
+											<input
+												name="priority"
+												type="number"
+												min={1}
+												defaultValue={cat.priority}
+												placeholder={t("priorityPlaceholder")}
+												className="w-[110px]"
+											/>
+											<Button type="submit" variant="default">
+												{t("categoryForm.save")}
+											</Button>
+										</form>
+									</details>
+									<form action={deleteCategory}>
+										<input type="hidden" name="id" value={catId} />
+										<Button type="submit" variant="destructive">
+											{t("deleteCategory")}
+										</Button>
+									</form>
+								</div>
 							</div>
 
 							<table style={{ marginTop: "0.75rem" }}>
@@ -141,32 +180,108 @@ export default async function AdminRareValues() {
 									</tr>
 								</thead>
 								<tbody>
-									{rows.map((v) => (
-										<tr key={String(v.id)}>
-											<td>{v.name}</td>
-											<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
-												{v.itemId ?? "—"}
-											</td>
-											<td>{v.creditValue ?? "—"}</td>
-											<td>{v.currencyValue ?? "—"}</td>
-											<td>
-												<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-accent)]/18 text-[var(--admin-text)]">
-													{v.currencyType}
-												</span>
-											</td>
-											<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
-												{v.furnitureIcon}
-											</td>
-											<td>
-												<form action={deleteValue}>
-													<input type="hidden" name="id" value={String(v.id)} />
-													<Button type="submit" variant="destructive">
-														✕
-													</Button>
-												</form>
-											</td>
-										</tr>
-									))}
+									{rows.map((v) => {
+										const vId = String(v.id);
+										return (
+											<tr key={vId}>
+												<td>{v.name}</td>
+												<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
+													{v.itemId ?? "—"}
+												</td>
+												<td>{v.creditValue ?? "—"}</td>
+												<td>{v.currencyValue ?? "—"}</td>
+												<td>
+													<span className="inline-block text-[0.72rem] font-bold px-2 py-0.5 rounded-full bg-[var(--admin-accent)]/18 text-[var(--admin-text)]">
+														{v.currencyType}
+													</span>
+												</td>
+												<td className="text-sm theme-text-muted dark:theme-text-muted whitespace-nowrap">
+													{v.furnitureIcon}
+												</td>
+												<td>
+													<div className="flex gap-1 items-center">
+														<details className="group">
+															<summary className="cursor-pointer list-none text-[0.72rem] font-bold text-[var(--admin-accent)] hover:underline">
+																{t("editValue")}
+															</summary>
+															<form
+																action={updateValue}
+																className="mt-2 flex gap-1 flex-wrap items-end"
+															>
+																<input type="hidden" name="id" value={vId} />
+																<input
+																	type="hidden"
+																	name="categoryId"
+																	value={catId}
+																/>
+																<input
+																	name="name"
+																	defaultValue={v.name}
+																	placeholder={t(
+																		"itemForm.itemNamePlaceholder",
+																	)}
+																	required
+																	className="min-w-[120px]"
+																/>
+																<input
+																	name="itemId"
+																	type="number"
+																	min={1}
+																	defaultValue={v.itemId ?? ""}
+																	placeholder={t("itemForm.itemIdPlaceholder")}
+																	className="w-[90px]"
+																/>
+																<input
+																	name="furnitureIcon"
+																	defaultValue={v.furnitureIcon}
+																	placeholder={t("itemForm.iconPlaceholder")}
+																	required
+																	className="min-w-[120px]"
+																/>
+																<input
+																	name="creditValue"
+																	defaultValue={v.creditValue ?? ""}
+																	placeholder={t("itemForm.creditsPlaceholder")}
+																	className="w-[110px]"
+																/>
+																<input
+																	name="currencyValue"
+																	defaultValue={v.currencyValue ?? ""}
+																	placeholder={t(
+																		"itemForm.currencyValuePlaceholder",
+																	)}
+																	className="w-[110px]"
+																/>
+																<select
+																	name="currencyType"
+																	defaultValue={v.currencyType}
+																>
+																	{CURRENCY_TYPES.map((c) => (
+																		<option key={c} value={c}>
+																			{c}
+																		</option>
+																	))}
+																</select>
+																<Button
+																	type="submit"
+																	variant="default"
+																	className="text-xs"
+																>
+																	{t("itemForm.save")}
+																</Button>
+															</form>
+														</details>
+														<form action={deleteValue}>
+															<input type="hidden" name="id" value={vId} />
+															<Button type="submit" variant="destructive">
+																✕
+															</Button>
+														</form>
+													</div>
+												</td>
+											</tr>
+										);
+									})}
 								</tbody>
 							</table>
 							{rows.length === 0 ? (