How can I ensure the <header> is always at the top?

[glaprida]

I have a header component set with removable:false and draggable:false . It is already on the canvas by default when the editor loads, and then I can start dragging sections into the canvas.

The issue is, even though I can't move the header below any section, I can move and insert sections above the header, which is essentially the same... how can I prevent this?

[glaprida]

Just a clarification:

I tried having a MAIN component con canvas upon load, also set to draggable:false and removable:false, just below the HEADER; and set my SECTIONS to draggable: 'main'

This way I can only drag sections to the MAIN component, which is in fact below the HEADER, and neither the HEADER or the MAIN can me moved or removed... so it basically works... except I don't want to see the MAIN component on the layers panel, so I set it to layerable:false, but this way it also hides from the layers panel every SECTION child.

Maybe there's a way to do it this way, having a MAIN to hold all SECTIONS, always below the HEADER; but hiding it from the layers panel without hiding all of its children. Any suggestions?