- 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 (
+    <Tabs>
+      <TabList>
+        <Tab>Target Detection</Tab>
+        <Tab>Camera Controls</Tab>
+      </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>
   );
 };