timetable maybe working, very cloase at least

frontend/src/components/stats/SleepTimetable.tsx

@@ -1,6 +1,6 @@
 import { useMemo, useState, useEffect, Fragment } from 'react';
 import { useStats } from '../../hooks/useStats';
-import { timeToMinutes, adjustForTimezone } from '../../utils/time';
+import { timeToMinutes } from '../../utils/time';
 
 interface TimetableProps {
   from_date: string;
@@ -27,7 +27,8 @@ function formatTimeLabel(mins: number) {
 }
 
 const Timetable = ({ from_date, to_date, day_start, day_end }: TimetableProps) => {
-  const { timetable, isLoading } = useStats(from_date, to_date, day_start, day_end);
+  const timezoneOffset = typeof window !== 'undefined' ? new Date().getTimezoneOffset() : 0;
+  const { timetable, isLoading } = useStats(from_date, to_date, day_start, day_end, '04:00', '19:00', timezoneOffset);
   const [selectedDayIndex, setSelectedDayIndex] = useState(0);
   const [windowWidth, setWindowWidth] = useState(typeof window !== 'undefined' ? window.innerWidth : 1024);
 
@@ -106,8 +107,8 @@ const Timetable = ({ from_date, to_date, day_start, day_end }: TimetableProps) =
     return timetable.slots.some((slot) => {
       if (slot.date !== date || !slot.sleeping) return false;
 
-      const sStart = adjustForTimezone(timeToMinutes(slot.slot_start));
-      const sEnd = adjustForTimezone(timeToMinutes(slot.slot_end));
+      const sStart = timeToMinutes(slot.slot_start);
+      const sEnd = timeToMinutes(slot.slot_end);
       
       if (sEnd <= sStart) {
         const overlap1 = Math.max(sStart, intervalStart) < Math.min(1440, intervalEnd);
@@ -203,6 +204,7 @@ const Timetable = ({ from_date, to_date, day_start, day_end }: TimetableProps) =
                   return (
                     <div
                       key={`${day}-${step}`}
+                      data-testid={`cell-${day}-${formatTimeLabel(step)}`}
                       className={`h-2 w-full border border-gray-100 ${sleeping ? 'bg-green-500' : 'bg-gray-50'}`}
                     />
                   );