Svg - react editor for seating (valued previous experience or similar works)

We would like to create something similar to this [login to view URL] Svg editor for armchairs Being able to create a canvas with different sizes h x w Insert Be able to create n seats per columns That the rows with seats can sag Create different shapes such as stage trapezoids, squares, and toilet and handicapped symbols Add images Properties of each seat - Class - Size - X Y position - Rotation - Name (id) that will be formed by zone_row_seat - Row number - Column number - Zone / group - If it is a text, the font is predetermined and you can change the letter size - Colour - Order of the elements (the number being greater behind the position) - Status: Active or deactivated Properties per row - Separation between seats - Number of seats in the row Features Select multiple seats with the mouse and copy, move, delete or edit their properties individually or in bulk Expand the separation between seats in a row or by selecting all of them by resizing the group Edit the seats, being able to block them for example because they are broken or unused Be able to group seats and move them in a group The size of the seats is always 15 Autosave every minute in svg The svg will be minimal, that is, the styles will be grouped by classes so that it occupies less Paths will not be used but forms Please no crashes with lets say 1000 seats v2 For very large plans double click on an area and when entering the seats can be created within a shape Being able to put a focal point to know which are the best seats Error control Check that there are no repeated ids Sum of all seats