Unclear workflow when working with components

[the3dfox]

After playing a little bit more with components inside builder, I'd like to give some feedback and improvement proposals.

1. Adding a dedicated section to the dashboard of builder for components would improve the overview of what is an actual page and what is a component. Currently, navigating to a component through a page is not very logical.
2. There is no way of getting out the editing view of a component than refreshing the page. So when you right-click on a component -> "Edit Component" the component is in, lets call it focus mode, and the only way to get out is to go back to the dashboard and into the page again or by refreshing the page.
3. What is the sync component function for, I image if you edited the component you can get the latest version of the component when placed inside a page. Which brings me to the next point
4. I couldn't find a way to edit a component and save it as the same component, even if I save it with the same name it will just create a different component with probably a different ID in the background but the same name.

I think components are such critical pieces to reusable web design that I truly hope improvements on that front are planned or will be considered after this post. Or maybe the functionality is already there but as described not very user-friendly at this point. Hope you can bring some clarity here and as always, keep up the great work @surajshetty3416

[surajshetty3416]

@the3dfox Thanks for the feedback. Yep, saving component is bit confusing. Component editing is not in "Auto Save" mode and has to be saved explicitly using "CTRL + S" shortcut 🙈.

I've raised this PR to solve almost all these problems.

--
About "Sync component", its a special option which is used to sync all the new elements in component that are added after the component is created and used. We need this special option due to few limitations in the component system currently.