fix: side-nav-right visibility and mobile text input color

Move right navigation arrows outside scrollable time-grid-wrapper so
they remain visible on hover. Add explicit -webkit-text-fill-color for
all inputs/textareas to fix invisible text on iOS Safari.

v1.33.6

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

package.json

@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.33.5",
+  "version": "1.33.6",
   "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/app/globals.css

@@ -2151,13 +2151,22 @@ h3 {
   --weekly-settings-toggle-active-text: #ffffff;
 }
 
+/* Ensure inputs have explicit color for mobile Safari */
+.weekly-container input,
+.weekly-container textarea {
+  color: var(--weekly-text, #333333);
+  -webkit-text-fill-color: var(--weekly-text, #333333);
+}
+
 .weekly-container.dark-mode input,
 .weekly-container.dark-mode textarea {
   color: #ffffff;
+  -webkit-text-fill-color: #ffffff;
 }
 
 .weekly-container.dark-mode .weekly-task-input input {
   color: #ffffff;
+  -webkit-text-fill-color: #ffffff;
 }
 
 .weekly-container.dark-mode .weekly-task-input input::placeholder {

src/components/WeeklyView.tsx

@@ -6346,7 +6346,8 @@ export default function WeeklyView() {
             })()}
 
             {/* Main Grid with Time Column */}
-            {viewStyle !== "kanban" && <div className="time-grid-wrapper" ref={timeGridWrapperRef} style={showTimeGrid ? {
+            {viewStyle !== "kanban" && <div style={{ position: "relative" }}>
+            <div className="time-grid-wrapper" ref={timeGridWrapperRef} style={showTimeGrid ? {
                 maxHeight: `${(endHour - startHour) * (60 / cellDuration) * getSlotHeight(cellDuration) + measuredHeaderHeight}px`,
             } : undefined}>
                 {/* Time Column */}
@@ -6984,17 +6985,17 @@ export default function WeeklyView() {
                     })}
                 </main>
 
-                {/* Right Navigation Arrows (now aligned with headers) */}
+            </div>
+            {/* Right Navigation Arrows (outside scroll wrapper, fixed to right edge) */}
             <div
               className="side-nav side-nav-right"
               style={{
-                    height: `${getHeaderHeight(cellDuration)}px`,
+                height: `${measuredHeaderHeight}px`,
-                    maxHeight: `${getHeaderHeight(cellDuration)}px`,
                 position: 'absolute',
                 top: 0,
                 right: 0,
                 width: '30px',
-                    zIndex: 40
+                zIndex: 50
               }}
             >
                 <button onClick={goToNextDay} title="Next Day" className="side-nav-btn">