[FEAT] Headless UVE: Sidebars

Task Title

Add Sidebar support to GQL and also Rendering Libraries

Description

On our latest release we are not able to fetch for sidebar natively, you need to add a custom query on the client page property and handle your own rendering. We need to provide an accessible way to do this with a rendering component as either DotCMSSidebarComponent or modify the current behavior of our Layout Component.

The sidebar can hold N containers and also it can be anything with any behavior, so we need to let the user modify the styles of the parent but keep the same approach as we did on the body for the content on the containers.

Acceptance Criteria

• Clients should be able to fetch for sidebars, without adding more queries
• Clients should have an easy way to render sidebars
• Clients should be able to edit the content on sidebars inside the UVE
• Clients should be able to see changes in real time when editing

Priority

Medium

Start by tracing the GQL sidebar data path and the existing Layout Component or proposed DotCMSSidebarComponent in the rendering libraries. Check how body containers are fetched, rendered, edited in the UVE, and updated in real time. Done means sidebars can be fetched without custom queries, rendered accessibly, edited in the UVE, and updated live.