Description

As a user, I want to use an easier and more structured add page.

Acceptance Criteria

1. Create a "Details on" / "Details off" toggle in the title bar. Persist the data in user settings.
2. Create or update the component to render the the cards in a more dynamic way, more like a masonry instead of a grid. Keep different browser sizes in mind.
3. Shown items in grouped sections. This will require a new "add group extension". Update plugin.ts of different packages to show Serverless group for example.
4. Automatically skip empty sections.
5. Show the item descriptions depending on "All details" checkbox in the title bar.
6. Keep ODC-2529 in mind and prepare a loading indicator or placeholder per card while the rbac checks are running. We can use the other issue if additional work is required to show multiple placeholders until all rbac checks are finished.
7. Provide data-test-ids for all clickable buttons
8. Unit tests checks different cases of the new section

Not part of this story

1. Getting started section on top of the new add page
2. Showing a loading indicator until all information are available could be done in ODC-2529

Additional Details:

1. High level design: DTUX-849, on Google Docs
2. Final Design: DTUX-846, on Google Docs
3. Keep this tickets in mind and sync with other developers working on this:
   1. ODC-2529 Add page has some performance issue
   2. ODC-5417 Filter hidden items from the Add page by id
   3. ODC-5550 is a planned migration of the AddAction extension.
   4. See also PatternFly Skeleton component https://www.patternfly.org/v4/components/skeleton