Merge v1.25.3: honor the 24h time-format preference app-wide

src/components/settings/security-activity-card.tsx

@@ -13,7 +13,7 @@ import { useQuery } from "@tanstack/react-query";
 import { ChevronDown, Loader2, ShieldCheck } from "lucide-react";
 
 import { SettingsCard } from "@/components/settings/settings-card";
-import { useTranslations } from "@/lib/i18n/context";
+import { useTranslations, useFormatters } from "@/lib/i18n/context";
 import { queryKeys } from "@/lib/query-keys";
 import { apiGet } from "@/lib/api/api-fetch";
 import { cn } from "@/lib/utils";
@@ -54,6 +54,7 @@ export function SecurityActivityCard({
   isAuthenticated: boolean;
 }) {
   const { t } = useTranslations();
+  const fmt = useFormatters();
   // Collapsed by default — the feed opens only on demand, keeping the security
   // surface skimmable. UI-only state; nothing is persisted across reloads.
   const [open, setOpen] = useState(false);
@@ -138,7 +139,7 @@ export function SecurityActivityCard({
                   </p>
                 </div>
                 <p className="text-muted-foreground shrink-0 text-xs">
-                  {new Date(e.createdAt).toLocaleString()}
+                  {fmt.dateTime(e.createdAt)}
                 </p>
               </li>
             ))}

src/components/settings/security-sessions-card.tsx

@@ -15,7 +15,7 @@ import { ChevronDown, Loader2, MonitorSmartphone } from "lucide-react";
 
 import { Button } from "@/components/ui/button";
 import { SettingsCard } from "@/components/settings/settings-card";
-import { useTranslations } from "@/lib/i18n/context";
+import { useTranslations, useFormatters } from "@/lib/i18n/context";
 import { queryKeys } from "@/lib/query-keys";
 import { apiGet, apiDelete } from "@/lib/api/api-fetch";
 import { cn } from "@/lib/utils";
@@ -36,6 +36,7 @@ export function SecuritySessionsCard({
   isAuthenticated: boolean;
 }) {
   const { t } = useTranslations();
+  const fmt = useFormatters();
   const queryClient = useQueryClient();
   const [status, setStatus] = useState<string | null>(null);
   // Collapsed by default — the list opens only when the user asks for it, so
@@ -158,7 +159,7 @@ export function SecuritySessionsCard({
                   {s.lastActiveAt && (
                     <p className="text-muted-foreground text-xs">
                       {t("settings.security.lastActive", {
-                        time: new Date(s.lastActiveAt).toLocaleString(),
+                        time: fmt.dateTime(s.lastActiveAt),
                       })}
                     </p>
                   )}