Let the Figures be resizable when dragging one of the ports

Some of the classes may not be considered carefully based on the concept of Object-Oriented Programming. This issue is created to rewrite those to make this whole project more readable, maintainable, reusable, extendable, increasing the quality of this software, decreasing coupling between codes.

The current Group Feature can be used after pressing: Select > Edit > Group. After pressing "Group", user can drag the mouse to determine which figure they want to include in the composite figure.
But the requirement wants that the user can do the selecting when "Select" is being pressed. They can select multiple figure, and if they press "Group", they will be grouped together.

When mouseDragged executed, the existing figures' figureName would be gone, but after releasing the mouse, the name would be shown. However, I want the name to be shown during the whole process.

If the mouse dragging from bottom-right to top-left, a figure is created without its border being seen.