[Bug] Image Block Issues

[Uche01]

Bug Description

There are some issues with Image block:

1. Image occupies entire width even for images smaller than screen width, extra white area surrounds the sides of the image
2. Image resizer indicator only resizes images from the the start and does not work from the end
3. No selection indicator for image block after image block is clicked.
4. After image insert, cursor is no where to be found and clicking anywhere on the editor does not bring up cursor. (We can fix this maybe by inserting an extra paragraph node after image insert just like divider block)
5. How can we override the image url (From local device)? In Quill editor we have QuillEditorImageEmbedConfigurations for this

How to Reproduce

1. Insert image block from computer
2. Try the functions described above

Expected Behavior

1. Images smaller than available width should not occupy entire space
2. One should be able to continue editing after image insert
3. Clicking on an image should highlight it just as divider block
4. Resizing an image could be done from start and end of image
5. One should be able to modify some image properties such as URL

Operating System

MacOS

AppFlowy Editor Version(s)

4.0.0

Screenshots

No response

Additional Context

No response