bug: diamond-with-text auto grows larger when we edit text

[meetzaveri]

Diamond-with-text, when we double click to edit text inside diamond element, it automatically increases its width horizontally. It should only grow when we are typing. Also , it auto grows exponentially meaning - if I dblclick it once, it grows 3x, leave it, and then perform dblclick again, it grows 6x.

[meetzaveri]

• When we select "select" icon on primary toolbar, the main sidebar component still shows "Shape" text at the top.
• The font style on toolbar for "Stroke width", "stroke type" (Geist Regular) differs from "Fill", "Stroke", "Text" sections (Geist Medium). Those sections with heading "Fill", "Stroke" and "Text" are essentially part of colorpicker components. Also those headings are also in all uppercase which is opposite to other sections. We should maintain consistency here.
• In mobile mode, when we unselect group, i.e. by click on somewhere else, it still contains that group of elements and after 1-2 times clicking/touching else where on screen in mobile, then only it releases.
• The circle in selector for rectangle/circle/diamond differs from newText's selector. Ideally we want circle in that selector to be resistant against zoom like we have geo objects which are resistant to certain zoom/scale. You can see the resist logic in those geoObject factory/component code to get reference.