Merge branch 'fix/bounding-box-padding' into 'develop'

Added padding to bounding box

See merge request genaiic-reusable-assets/engagement-artifacts/genaiic-idp-accelerator!298

Author: rstrahan

src/ui/src/components/document-viewer/VisualEditorModal.jsx

@@ -117,13 +117,14 @@ const BoundingBox = memo(({ box, page, currentPage, imageRef, zoomLevel = 1, pan
     return null;
   }
 
+  const padding = 5;
   const bbox = box.boundingBox;
 
   // Calculate position and size directly on the transformed image
-  const finalLeft = bbox.left * dimensions.transformedWidth + dimensions.transformedOffsetX;
-  const finalTop = bbox.top * dimensions.transformedHeight + dimensions.transformedOffsetY;
-  const finalWidth = bbox.width * dimensions.transformedWidth;
-  const finalHeight = bbox.height * dimensions.transformedHeight;
+  const finalLeft = (bbox.left * dimensions.transformedWidth + dimensions.transformedOffsetX) - padding;
+  const finalTop = (bbox.top * dimensions.transformedHeight + dimensions.transformedOffsetY) - padding;
+  const finalWidth = (bbox.width * dimensions.transformedWidth) + padding * 2;
+  const finalHeight = (bbox.height * dimensions.transformedHeight) + padding * 2;
 
   // Position the bounding box directly without additional transforms
   const style = {