feat: add WatchMedium field, general review editing, configurable deploy

- WatchMedium enum (cinema/streaming/tv/physical_media/download/media_server/other)
- PATCH /api/v1/reviews/:id partial update (rating, comment, watched_at, watch_medium)
- edit_review use case w/ ownership + remote review guard, best-effort AP Update broadcast
- SPA: icon picker, edit sheet (long-press mobile / pencil desktop), watch medium badge
- shared ReviewFormFields, EditableContextMenu, parse_watched_at/format_watched_at
- deploy.sh parameterized (--features, --tag), CORS allows PATCH
- CONTEXT.md glossary, ADR-0001 general review editing

spa/src/components/watch-medium-picker.tsx

@@ -0,0 +1,55 @@
+import { useTranslation } from "react-i18next"
+import { Button } from "@/components/ui/button"
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipProvider,
+  TooltipTrigger,
+} from "@/components/ui/tooltip"
+import { cn } from "@/lib/utils"
+import { WATCH_MEDIUMS } from "@/lib/watch-mediums"
+
+type WatchMediumPickerProps = {
+  value?: string
+  onChange: (value: string | undefined) => void
+}
+
+export function WatchMediumPicker({ value, onChange }: WatchMediumPickerProps) {
+  const { t } = useTranslation()
+
+  return (
+    <div>
+      <p className="mb-2 text-xs uppercase tracking-wide text-muted-foreground">
+        {t("watchMedium.label")}
+      </p>
+      <TooltipProvider>
+        <div className="flex flex-wrap gap-1.5">
+          {WATCH_MEDIUMS.map(({ value: val, icon: Icon, labelKey }) => {
+            const selected = value === val
+            return (
+              <Tooltip key={val}>
+                <TooltipTrigger asChild>
+                  <Button
+                    type="button"
+                    variant="outline"
+                    size="icon"
+                    className={cn(
+                      "size-8",
+                      selected && "border-[var(--aero-primary)] bg-[var(--aero-primary)] text-white shadow-[0_0_8px_var(--aero-primary-glow)]",
+                    )}
+                    aria-label={t(labelKey)}
+                    aria-pressed={selected}
+                    onClick={() => onChange(selected ? undefined : val)}
+                  >
+                    <Icon className="size-4" />
+                  </Button>
+                </TooltipTrigger>
+                <TooltipContent sideOffset={4}>{t(labelKey)}</TooltipContent>
+              </Tooltip>
+            )
+          })}
+        </div>
+      </TooltipProvider>
+    </div>
+  )
+}