Upcoming developer experience improvements

[cruxcode]

1. The CSS variables from the CSS files imported in a page are not available for color, spacing, font family etc.
2. The invisible link between resources and the page is hard to wrap around the head. Maybe, all the imported resources should either go to styles/commons.css or page_name.css.
3. Creating a button with both text & icon is difficult.
4. It's not possible to apply display: Flex to anchor component.
5. Searching drag-drop component in the component selector is annoying.
6. Carousel became big and image not appearing on assigning.
7. Grid component is required.
8. Scroll animation is required.
9. Hover animation is required.
10. Intersection observer is required (maybe along with scroll animation).
11. There are multiple SVG assets that we download from Figma. All these SVG is needed to be combined together before we use it in the frontend.
12. Support for multiple background images is required. Use background CSS property instead with layers concept as shown in the MDN docs.
13. Support for multiple sizes of an image (Image optimization based on screen pixels).
14. Give support for trasnform CSS property. This is required to center an element inside it's parent.
15. Hard link of template events. A template can be changed and an instance of template can also be changed. The changes in original template will be saved as events in template.json file and the changes in the instance of a template will be saved in the page.events.json file.
16. Use UNSET event for styles when empty string.
17. Allow paste in CanvasZone.