Implemented the four corner resizing of the text input div and movement of the input div.
To do in future commits:
• Switching the text input to SVG text and vice versa.
• Styling of the input div.
• Checking the disable mouse trackers and enabling them.

Added the export functionality for the foreign object.
Also, removed the transition from textarea to SVG text.

Working on switching the multiple annotations to text on switching.

Made changes for the transition to work for multiple input tags which are placed according to user selection.

Added the annotation toolbar input for font-size and implemented the functionality to change the font-size. Also, added relevant comments to document the code.

Fixed the bug where the annotation is not rendered during import, if the annotation exists after the textbox annotation. Cloned the node instead of using the imported node while adding to the annotation SVG.

1. The text color now takes the stroke color at the start and also changes when the stroke color is changed using color picker.
2. Fixed the spacing issue and text moving while switching from text to p tag after transformation.

Implemented the horizontal resizing functionality. Fixed the text wrapping depending on width of the textbox.

1. The text annotation now gets highlighted and unhighlighted on hover.
2. All the group annotations get highlighted on hover and vice versa.
3. Fixed the code for erase of text annotation.

Facing some bugs with the annotation not changing with the toolbar in the code causing the erase functionality to malfunction on the first click.

1. The highlight functionality is now added, it is working end-to-end along with other annotations in the group.
2. Fixed the bug where the erase functionality would work for all the modes. Now it only works in the erase mode.
3. Fixed the mousetracker bug where the trackers for the annotations were not getting destroyed correctly.

1. Implemented the absolute mapping for the font-size
2. Completed the changes for the textbox sizing to be relative instead of absolute for attributes like spacing, width, padding, resizer size etc.

1. Implemented the text size functionality taking into account the zoom level.
2. Bug fixes for font change

Implemented the new font size input with the following features:
1. Increase/decrease buttons for font size
2. Input area in between the buttons to type the font size
3. Dropdown with predefined values for the font size

Removed the text SVG element that gets created while initializing the text annotation. As we use a foreignObject with input or p tag, we do not need the SVG text tag.

1. Fixed th empty text annotation being exported and rendered after saving the text annotation.
2. The annotation list would show wrong color for the group, fixed now.

- discard wasn't properly removing the drawn group. so in the drawn svg
  you could see duplicated groups.

- when we were adding the saved state back, the new elements were DOM
  elements and not SVG. while this was fine for the elements that we had,
  foreignObject wasn't working properly because of it.

Safari does not work well with the logic we have for positioning the resize control on the right border. Made temporary fix to add the resize functionality only for non-safari browsers for now.

instead of changing the styles of e.target, I'm now always changing
the styles of divCount. e.target could be the textarea and as a result
we were resizing the textarea instead of moving it around.

- avoid using both style and attributes for foreignObject
  - was causing issues in safari
  - it's also cleaner this way
- add a new parameter in addAnnotation instead of abusing the
  existing params.
- clean up the code
- avoid adding id to the imported svg
- make the class names consistent
- remove commented code