fix: visible hours setting now constrains the time grid viewport

Time-grid-wrapper max-height is set based on (endHour - startHour) so
only the selected time range is visible. Users can still scroll to see
hours outside the range. Tasks remain in their correct timeslots.

v1.33.4

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.33.3",
+  "version": "1.33.4",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {

src/components/WeeklyView.tsx

@@ -6341,7 +6341,9 @@ export default function WeeklyView() {
             })()}
 
             {/* Main Grid with Time Column */}
-            {viewStyle !== "kanban" && <div className="time-grid-wrapper">
+            {viewStyle !== "kanban" && <div className="time-grid-wrapper" style={showTimeGrid ? {
+                maxHeight: `${(endHour - startHour) * (60 / cellDuration) * getSlotHeight(cellDuration) + measuredHeaderHeight}px`,
+            } : undefined}>
                 {/* Time Column */}
                 {showTimeGrid && (
                     <div