Rectangle insertion now inserts a div.

[seanparsons]

Problem:
We want insertion of a Rectangle by pressing r to create a div instead of using the utopia-api component.

Fix:
In the following two locations, the definition of the Rectangle for insertion has been changed to insert a div:

• The INSERT_RECTANGLE_SHORTCUT which handles the r keyboard press.
• The component descriptor of the Rectangle element has been aligned with that of the above insertion.

Commit Details:

• defaultRectangleElement now creates a div.
• INSERT_RECTANGLE_SHORTCUT now doesn't include an import for utopia-api.
• UtopiaApiComponents descriptor for a Rectangle now creates a div instead.

Manual Tests:
I hereby swear that:

• I opened a hydrogen project and it loaded
• I could navigate to various routes in Play mode

[github-actions]

Try me

[relativeci]

#14906 Bundle Size — 57.97MiB (~+0.01%).

b9fdbbd(current) vs 916e8b9 master#14901(baseline)

Warning

Bundle contains 70 duplicate packages – View duplicate packages

Bundle metrics   2 changes 1 regression

	Current #14906	Baseline #14901
Initial JS	40.96MiB(~+0.01%)	40.96MiB
Initial CSS	0B	0B
Cache Invalidation	17.99%	0%
Chunks	20	20
Assets	22	22
Modules	4152	4152
Duplicate Modules	213	213
Duplicate Code	27.34%	27.34%
Packages	477	477
Duplicate Packages	70	70

Bundle size by type   2 changes 1 regression 1 improvement

	Current #14906	Baseline #14901
JS	57.97MiB (~+0.01%)	57.97MiB
HTML	7.37KiB (-0.25%)	7.39KiB

Bundle analysis report Branch refactor/rectangle-insert-insert... Project dashboard

---

^{Generated by RelativeCI Documentation Report issue}