added diaper overview page

src/baby_monitor/main.py

@@ -99,6 +99,12 @@ def serve_feedings() -> FileResponse:
     return FileResponse(static_path / "feedings.html")
 
 
+@app.get("/diapers.html", include_in_schema=False)
+def serve_diapers() -> FileResponse:
+    """Serve the diaper changes overview page."""
+    return FileResponse(static_path / "diapers.html")
+
+
 @app.get("/log-diaper.html", include_in_schema=False)
 def serve_log_diaper() -> FileResponse:
     """Serve the log diaper change page."""

src/baby_monitor/static/feedings.html

@@ -359,6 +359,7 @@
     <div class="menu-overlay" id="menuOverlay">
       <div class="menu-item" id="menuHome">🏠 Home</div>
       <div class="menu-item" id="menuAddChild">👶 Add Child</div>
+      <div class="menu-item" id="menuDiapers">🧷 Diapers</div>
       <div class="menu-item logout" id="menuLogout">🚪 Logout</div>
     </div>
 
@@ -410,6 +411,10 @@
         window.location.href = "/add-child.html";
       });
 
+      document.getElementById("menuDiapers").addEventListener("click", () => {
+        window.location.href = "/diapers.html";
+      });
+
       document.getElementById("menuLogout").addEventListener("click", () => {
         closeMenu();
         logout();

src/baby_monitor/static/index.html

@@ -217,6 +217,7 @@
     <div class="menu-overlay" id="menuOverlay">
       <div class="menu-item" id="menuAddChild">👶 Add Child</div>
       <div class="menu-item" id="menuFeedings">🍼 Feedings</div>
+      <div class="menu-item" id="menuDiapers">🧷 Diapers</div>
       <div class="menu-item logout" id="menuLogout">🚪 Logout</div>
     </div>
 
@@ -290,6 +291,10 @@
         window.location.href = "/feedings.html";
       });
 
+      document.getElementById("menuDiapers").addEventListener("click", () => {
+        window.location.href = "/diapers.html";
+      });
+
       document.getElementById("menuLogout").addEventListener("click", () => {
         closeMenu();
         logout();