- Implement CameraFeed context and provider with reducer for state management

- able to switch footage on tab clicks

src/features/cameras/components/CameraSettings/CameraSettings.tsx

@@ -4,6 +4,7 @@ import "react-tabs/style/react-tabs.css";
 import RegionSelector from "./RegionSelector";
 import type { PaintedCell, Region } from "../../../../types/types";
 import type { RefObject } from "react";
+import CameraPanel from "./CameraPanel";
 
 type CameraSettingsProps = {
   regions: Region[];
@@ -59,13 +60,13 @@ const CameraSettings = ({
           />
         </TabPanel>
         <TabPanel>
-          <div>Camera details {tabIndex}</div>
+          <CameraPanel tabIndex={tabIndex} />
         </TabPanel>
         <TabPanel>
-          <div>Camera details {tabIndex}</div>
+          <CameraPanel tabIndex={tabIndex} />
         </TabPanel>
         <TabPanel>
-          <div>Camera details {tabIndex}</div>
+          <CameraPanel tabIndex={tabIndex} />
         </TabPanel>
       </Tabs>
     </Card>