- added tabs for camera controls

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

@@ -1,3 +1,4 @@
+import { Tabs, Tab, TabList, TabPanel } from "react-tabs";
 import { useEffect } from "react";
 import { useCameraFeedContext } from "../../../../app/context/CameraFeedContext";
 import RegionSelector from "./RegionSelector";
@@ -33,12 +34,27 @@ const CameraPanel = ({ tabIndex }: CameraPanelProps) => {
   }, [dispatch, tabIndex]);
 
   return (
-    <RegionSelector
+    <Tabs>
-      regions={regions}
+      <TabList>
-      selectedRegionIndex={selectedRegionIndex}
+        <Tab>Target Detection</Tab>
-      mode={mode}
+        <Tab>Camera Controls</Tab>
-      cameraFeedID={cameraFeedID}
+      </TabList>
-    />
+
+      <TabPanel>
+        <RegionSelector
+          regions={regions}
+          selectedRegionIndex={selectedRegionIndex}
+          mode={mode}
+          cameraFeedID={cameraFeedID}
+        />
+      </TabPanel>
+      <TabPanel>
+        <div className="p-4">
+          <h2 className="text-lg font-semibold mb-4">Camera Controls</h2>
+          <p>Controls for camera {cameraFeedID} will go here.</p>
+        </div>
+      </TabPanel>
+    </Tabs>
   );
 };