ADD page navigation

package.json

@@ -58,7 +58,9 @@
     "lit": "3.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "react-router": "7.5.2"
+    "react-player": "^2.16.0",
+    "react-router": "7.5.2",
+    "react-router-dom": "^7.6.0"
   },
   "vaadin": {
     "dependencies": {
@@ -119,7 +121,7 @@
       "workbox-core": "7.3.0",
       "workbox-precaching": "7.3.0"
     },
-    "hash": "c398138454287302e894af1729934daf9bf96e137b5bcc9f38a4973751d307d3"
+    "hash": "59b049c9a7bc172ebcdca8572dc409f94b8f497d56c237ec7c860fe8598c891b"
   },
   "type": "module",
   "overrides": {
@@ -147,6 +149,8 @@
     "@vaadin/vaadin-themable-mixin": "$@vaadin/vaadin-themable-mixin",
     "@vaadin/vaadin-lumo-styles": "$@vaadin/vaadin-lumo-styles",
     "@vaadin/vaadin-material-styles": "$@vaadin/vaadin-material-styles",
-    "@tailwindcss/vite": "$@tailwindcss/vite"
+    "@tailwindcss/vite": "$@tailwindcss/vite",
+    "react-router-dom": "$react-router-dom",
+    "react-player": "$react-player"
   }
 }