In the right pane, props and component name should be visually separated

[prakhargupta1]

Duplicates

• I have searched the existing issues

Latest version

• I have tested the latest version

Summary 💡

Currently, the right panel shows everything together. Should we have some visual separation based on the type of items?

Moreover, we can also look into separating UI props from data props.

[apedroferreira]

i'm going to separate some "layout" props in this PR #804, but it still doesn't look great, I can still at least try to improve the spacing there.

[apedroferreira]

Moreover, we can also look into separating UI props from data props.

We would need something like property categories to do something like this, so we could group them by category. But this would mean every prop would need to have its own category, which I'm not sure would make sense in every case.

So for now I just tried to make the order of the props in each component a bit more logical, but if we want to categorize and split things I guess we can do it separately.