Added Bounding-Box tool for Image Component

[CtrlAltDeplete]

Description

This change adds a new tool to the Image component: boxes. This tool allows users to draw boxes on an image as part of the input, which are passed along as an Array of Arrays of number (top, left, bottom, right).

This is useful in applications where one image has multiple points of interested, and needs to be broken down into multiple inputs, whereas the existing crop would require users to upload the same image for each input. Additionally, this could be used in a similar way as the mask capability but gives users a box-shaped tool, so they don't have to draw shaky lines.

Checklist:

• I have performed a self-review of my own code
• I have added a short summary of my change to the CHANGELOG.md
• My code follows the style guidelines of this project
• I have commented my code in hard-to-understand areas
• I have made corresponding changes to the documentation
• I have added tests that prove my fix is effective or that my feature works
• New and existing unit tests pass locally with my changes

[gradio-pr-bot]

The demo notebooks don't match the run.py files. Please run this command from the root of the repo and then commit the changes:

pip install nbformat && cd demo && python generate_notebooks.py

[gradio-pr-bot]

All the demos for this PR have been deployed at https://huggingface.co/spaces/gradio-pr-deploys/pr-3220-all-demos

[abidlabs]

Thanks for opening this PR @CtrlAltDeplete! We will take a look at this and get back on the next steps

[pngwn]

Hey @CtrlAltDeplete, thanks for opening this PR. We appreciate the effort you have invested in this but we have decided not to add this feature at the minute while we decide what the feature set of the Image component should be.

In future it would be a good idea to open an issue and make a proposal before starting work.

Thanks for understanding.