WebUI Improvements and fixes (#9613)

* Show toast instead of text for success and errors

* Show correct times

* Start playing next hour when current hour ends

* Fix refreshing camera image

* Fix timeline

web/package.json

@@ -39,6 +39,7 @@
     "immer": "^10.0.3",
     "lucide-react": "^0.294.0",
     "monaco-yaml": "^5.1.0",
+    "next-themes": "^0.2.1",
     "react": "^18.2.0",
     "react-apexcharts": "^1.4.1",
     "react-day-picker": "^8.9.1",
@@ -48,6 +49,7 @@
     "react-router-dom": "^6.20.1",
     "react-use-websocket": "^4.5.0",
     "recoil": "^0.7.7",
+    "sonner": "^1.4.0",
     "sort-by": "^1.2.0",
     "strftime": "^0.10.2",
     "swr": "^2.2.4",