Squashed 'sample-front-end/' changes from 552f9c4..99ea3a6

99ea3a6 feat: Display next sync schedule information
fb8d17a feat: Implement schedule settings and basic UI

git-subtree-dir: sample-front-end
git-subtree-split: 99ea3a68de98503b706d3ee5782baf4a66dc7134

index.html

@@ -41,13 +41,13 @@
         background: #6b7280; 
       }
 
+      /* Force native date/time pickers to use dark mode scheme */
+      input[type="time"] {
+        color-scheme: dark;
+      }
+      
       /* 
          Symmetrical Diagonal Scroll Animations
-         Pattern width: 40px (20px color + 20px transparent).
-         Diagonal length: 40 * sqrt(2) ≈ 56.57px.
-         
-         Left Side: Anchored to Right (Center). Moves Left (increases right offset).
-         Right Side: Anchored to Left (Center). Moves Right (increases left offset).
       */
       @keyframes scroll-out-left {
         0% { background-position: right 0 top 0; }
@@ -64,7 +64,8 @@
     "lucide-react": "https://aistudiocdn.com/lucide-react@^0.555.0",
     "react/": "https://aistudiocdn.com/react@^19.2.0/",
     "react": "https://aistudiocdn.com/react@^19.2.0",
-    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/"
+    "react-dom/": "https://aistudiocdn.com/react-dom@^19.2.0/",
+    "react-dom": "https://aistudiocdn.com/react-dom@^19.2.0"
   }
 }
 </script>