Nv 2715 create the editor sidebar

[ainouzgali]

What change does this PR introduce?

Why was this change needed?

Other information (Screenshots)

[linear]

NV-2715 🔀 Create the Editor Sidebar

What?

Create the Editor Sidebar to be a reusable component. Update its UI according to the designs.

Why? (Context)

We would like to reuse the same Editor Sidebar for all the channels Editors and Variant Editors.

The only difference between Editor and Variant Editor is that it has an additional variant line under the name.

Definition of Done

• the header
  • provider icon with a small channel icon at the right bottom corner
  • has the editable name field
  • has the ability to inject the custom component under the name (for variant)
• the header actions
  • delete (before it was at the bottom)
  • conditions button (aka filters, do not implement it just show the filters modal)
  • close button

Screenshot 2023-08-30 at 09.25.09.png

Screenshot 2023-08-30 at 09.40.25.png

In-App condition - Tenants (Figma)