Refactor camera feed handling to support dynamic camera IDs and improve context management

src/ui/Header.tsx

@@ -33,7 +33,7 @@ const Header = () => {
         </Link>
 
         <Link
-          to="/baywatch"
+          to="/cameras"
           className="[&.active]:font-bold [&.active]:bg-gray-700 p-2 rounded-lg flex items-center gap-2 hover:bg-gray-700"
         >
           Cameras
@@ -58,7 +58,7 @@ const Header = () => {
             {/* <FontAwesomeIcon icon={faGaugeHigh} /> */}
             Dashboard
           </Link>
-          <Link to="/baywatch" className="" onClick={toggleMenu}>
+          <Link to="/cameras" className="" onClick={toggleMenu}>
             {/* <FontAwesomeIcon icon={faGaugeHigh} /> */}
             Cameras
           </Link>