fixed colour painting and eraser

src/features/cameras/components/CameraGrid.tsx

@@ -8,20 +8,24 @@ const CameraGrid = () => {
   const [regions, setRegions] = useState<Region[]>([
     { name: "Region 1", brushColour: "#ff0000" },
     { name: "Region 2", brushColour: "#00ff00" },
+    { name: "Region 3", brushColour: "#0400ff" },
   ]);
   const [selectedRegionIndex, setSelectedRegionIndex] = useState(0);
+  const [isErasing, setErasing] = useState(false);
 
   const updateRegionColour = (index: number, newColour: string) => {
     setRegions((prev) => prev.map((r, i) => (i === index ? { ...r, brushColour: newColour } : r)));
   };
   return (
     <div className="grid grid-cols-1 md:grid-cols-2">
-      <VideoFeedGridPainter regions={regions} selectedRegionIndex={selectedRegionIndex} />
+      <VideoFeedGridPainter regions={regions} selectedRegionIndex={selectedRegionIndex} isErasing={isErasing} />
       <CameraSettings
         regions={regions}
         selectedRegionIndex={selectedRegionIndex}
         onSelectRegion={setSelectedRegionIndex}
         onChangeRegionColour={updateRegionColour}
+        isErasing={isErasing}
+        onSelectErasing={setErasing}
       />
     </div>
   );