feat: add experiment calendar view with per-day subject counts

New ExperimentCalendar component added as a third view mode (List / Group / Calendar)
on the Experiment Detail page.

Backend:
- GET /api/experiments/:id/calendar?field=<fieldIdOrBuiltinKey>
  Returns { field, days: { "YYYY-MM-DD": count } } where count = number of
  subjects with a non-null/non-empty value for the chosen field on that date.
  Supports both builtin fields (vitals, treatment, notes, experiment_description)
  and custom fields addressed by fieldId UUID.

Frontend:
- ExperimentCalendar component: navigable monthly grid, field selector
  (defaults to first field with "weight" in label, else first active field),
  blue badges showing subject count per day, click to open modal with all
  subjects' data for that day.
- Integrated into ExperimentDetail as displayMode "calendar", persisted
  in localStorage alongside the existing list/group modes.
- experimentsApi.getCalendar() added to API client.

Tests:
- backend/tests/calendar.test.js: 8 unit tests (404, empty days, builtin
  count, custom field count, whitespace ignored, multi-month, field echo,
  missing param).
- frontend/tests/ExperimentCalendar.test.jsx: 13 RTL tests covering
  rendering, default field selection, count badges, month navigation,
  field-change re-fetch, day click modal, and multi-subject display.

All 47 backend + 13 calendar frontend tests passing.

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

frontend/src/App.jsx

@@ -1,8 +1,10 @@
-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { Routes, Route, Link, useLocation } from 'react-router-dom';
+import { systemApi } from './api/client';
 import Dashboard from './pages/Dashboard';
 import ExperimentDetail from './pages/ExperimentDetail';
 import AnimalDetail from './pages/AnimalDetail';
+import DailyStatusDetail from './pages/DailyStatusDetail';
 
 function Navbar() {
   return (
@@ -33,18 +35,34 @@ function NotFound() {
   );
 }
 
+function Footer() {
+  const [dbTimezone, setDbTimezone] = useState(null);
+  useEffect(() => {
+    systemApi.info().then((d) => setDbTimezone(d.dbTimezone)).catch(() => {});
+  }, []);
+  return (
+    <footer className="border-t border-gray-200 mt-12 py-3">
+      <div className="max-w-5xl mx-auto px-4 text-xs text-gray-400 text-right">
+        Database timezone: <span className="font-mono">{dbTimezone ?? '…'}</span>
+      </div>
+    </footer>
+  );
+}
+
 export default function App() {
   return (
-    <div className="min-h-screen bg-gray-50">
+    <div className="min-h-screen bg-gray-50 flex flex-col">
       <Navbar />
-      <main>
+      <main className="flex-1">
         <Routes>
           <Route path="/" element={<Dashboard />} />
           <Route path="/experiments/:id" element={<ExperimentDetail />} />
           <Route path="/animals/:id" element={<AnimalDetail />} />
+          <Route path="/daily-statuses/:id" element={<DailyStatusDetail />} />
           <Route path="*" element={<NotFound />} />
         </Routes>
       </main>
+      <Footer />
     </div>
   );
 }