Implement new design for pages view

[nkylstad]

Description

In scope

• Showing all pages (for a given layoutSet if app has layoutSets) in the pages column as designed, with components visible as children of each page
• Possible to add components by drag-n-drop from the components column as before

Out of scope

• layoutSet dropdown

Figma

The UX design for this task can be found on this figma link.

Screenshots

Additional information

Note that we are not implementing a modal for adding components at this stage. Add page will probably be implemented as-is today.

### Tasks
- [ ] https://github.com/Altinn/altinn-studio/issues/11233
- [ ] https://github.com/Altinn/altinn-studio/issues/11198
- [ ] https://github.com/Altinn/altinn-studio/issues/11232
- [x] Show all pages at once
- [x] Wrap each page in accordion containing components
- [x] Disable component preview for those components that have it
- [x] Move button to add receipt page to pages view

### Acceptance Criteria
- [ ] Dialog for delete component works in the same way as before
- [ ] Possible to drag-n-drop components from toolbar and into pages
- [ ] Possible to add a page
- [ ] Possible to delete a page
- [ ] Possible to rename a page

[JamalAlabdullah]

I have tested it and I wonder if the activ frame page will be for the entire row including threedot menu, or nor? because the left side is not shown when the page is clicked.

[ghost]

@JamalAlabdullah, thank you for pointing this out.

It will not be for the entire row as the three dot menu is its own button component 😄 As for the yellow line, this is a known issue on the entire page for all the accordions as the photo below shows. I have created an issue for it so that it can be fixed for the entire page in one go 🙂