Add timezone preference and fix all date handling to be timezone-aware

Dates were computed using browser/server local time with no explicit timezone,
causing inconsistencies when server runs in UTC. Now all "today" computations
and date formatting use the user's chosen IANA timezone, persisted in
localStorage and selectable from Settings.

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

web/src/components/modals/ConsumeFlow.tsx

@@ -1,7 +1,8 @@
 import { useState } from "react";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import type { Bootstrap, Item } from "../../types.js";
-import { helpers, TODAY_STR, enrichItems } from "../../types.js";
+import { helpers, enrichItems } from "../../types.js";
+import { getToday, getStoredTimezone } from "../../tz.js";
 import { fmt } from "../../format.js";
 import { api } from "../../api.js";
 import { Btn, Field, Icon, Input, Textarea } from "../primitives/index.js";
@@ -25,7 +26,7 @@ export function ConsumeFlow({
   const [itemId, setItemId] = useState(initialItem?.id ?? "");
   const [rating, setRating] = useState(4);
   const [notes, setNotes] = useState("");
-  const [date, setDate] = useState(TODAY_STR);
+  const [date, setDate] = useState(getToday(getStoredTimezone()));
   const [error, setError] = useState<string | null>(null);
 
   const item = allItems.find((i) => i.id === itemId);
@@ -96,7 +97,7 @@ export function ConsumeFlow({
                   </div>
                   <div style={{ fontSize: 12, color: "var(--ink-3)" }}>
                     <span className="mono">{item.assetId}</span> · {helpers.brandName(data, item.brandId)} · {bin?.name} · purchased{" "}
-                    {fmt.dateShort(item.purchaseDate)}
+                    {fmt.dateShort(item.purchaseDate, getStoredTimezone())}
                   </div>
                 </div>
                 <div style={{ textAlign: "right" }}>